/* =====================================================
   AK FITNESS ACADEMY — CLEAN PREMIUM LANDING CSS
===================================================== */

:root {
  --ak-gold: #f4c430;
  --ak-gold-light: #ffe875;
  --ak-red: #f41435;
  --ak-red-dark: #c90827;
  --ak-black: #080808;
  --ak-dark: #111111;
  --ak-white: #ffffff;
  --ak-light: #f7f7f5;
  --ak-text: #202020;
  --ak-muted: #696969;
  --ak-border: #e7e7e7;
  --ak-green: #15984b;
  --ak-font-title: "Barlow Condensed", sans-serif;
  --ak-font-body: "Inter", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

body {
  color: var(--ak-text);
  background: var(--ak-white);
  font-family: var(--ak-font-body);
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a,
button {
  transition: all 0.3s ease;
}

a {
  text-decoration: none;
}

.reveal {
  opacity: 1;
}

::selection {
  color: #111111;
  background: var(--ak-gold);
}

/* =====================================================
   TOP BAR
===================================================== */

.ak-topbar {
  position: relative;
  z-index: 1050;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 50%, rgba(244, 196, 48, 0.13), transparent 28%),
    linear-gradient(110deg, #080808, #111111 55%, #070707);
  border-bottom: 1px solid rgba(244, 196, 48, 0.25);
}

.ak-topbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0%, rgba(244, 196, 48, 0.09) 40%, transparent 70%);
  transform: translateX(-35%);
  pointer-events: none;
}

.ak-topbar__inner {
  position: relative;
  z-index: 2;
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 10px 0;
}

.ak-topbar__contact {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
}

.ak-topbar__link {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #ffffff;
}

.ak-topbar__link:hover {
  color: var(--ak-gold);
  transform: translateY(-2px);
}

.ak-topbar__icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  box-shadow: 0 8px 22px rgba(244, 196, 48, 0.18);
}

.ak-topbar__link-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.15;
}

.ak-topbar__link-content small,
.ak-topbar__admission-content small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.ak-topbar__link-content strong {
  max-width: 275px;
  overflow: hidden;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ak-topbar__divider {
  width: 1px;
  height: 34px;
  background: rgba(255, 255, 255, 0.16);
}

.ak-topbar__admission {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px 9px 14px;
  border: 1px solid rgba(244, 196, 48, 0.23);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(10px);
}

.ak-topbar__pulse {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #51e875;
  animation: akPulse 1.8s infinite;
}

.ak-topbar__admission-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ak-topbar__admission-content small {
  color: var(--ak-gold);
}

.ak-topbar__admission-content strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.ak-topbar__apply {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 11px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  font-size: 11px;
  font-weight: 900;
}

.ak-topbar__apply:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  transform: translateY(-2px);
}

@keyframes akPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(81, 232, 117, 0.55);
  }

  70% {
    box-shadow: 0 0 0 9px rgba(81, 232, 117, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(81, 232, 117, 0);
  }
}

/* =====================================================
   NAVBAR
===================================================== */

.ak-navbar {
  position: sticky;
  top: 0;
  z-index: 1040;
  padding: 0;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
  box-shadow: 0 8px 28px rgba(20, 20, 20, 0.07);
  backdrop-filter: blur(15px);
}

.ak-navbar::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), #111111);
}

.ak-navbar.is-scrolled {
  box-shadow: 0 14px 36px rgba(20, 20, 20, 0.12);
}

.ak-navbar>.container {
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.ak-navbar__brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 7px 0;
}

.ak-navbar__logo {
  width: 74px;
  height: 74px;
  flex: 0 0 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px;
  background: #080808;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.15);
}

.ak-navbar__logo img {
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
}

.ak-navbar__brand:hover .ak-navbar__logo {
  transform: translateY(-2px) rotate(-1deg);
}

.ak-navbar__brand-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1.05;
}

.ak-navbar__brand-text strong {
  color: #111111;
  font-size: 15px;
  font-weight: 950;
  text-transform: uppercase;
}

.ak-navbar__brand-text small {
  color: var(--ak-red);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-navbar__menu {
  gap: 3px;
}

.ak-navbar__menu .nav-link {
  position: relative;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 10px !important;
  border-radius: 11px;
  color: #333333;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.ak-navbar__menu .nav-link::after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 6px;
  left: 13px;
  height: 2px;
  border-radius: 20px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.ak-navbar__menu .nav-link:hover,
.ak-navbar__menu .nav-link.active,
.ak-navbar__menu .nav-link.show {
  color: #111111;
  background: linear-gradient(135deg, rgba(244, 196, 48, 0.16), rgba(244, 20, 53, 0.04));
}

.ak-navbar__menu .nav-link:hover::after,
.ak-navbar__menu .nav-link.active::after,
.ak-navbar__menu .nav-link.show::after {
  transform: scaleX(1);
}

/* Dropdown */

.ak-navbar__dropdown-menu {
  min-width: 340px;
  padding: 12px;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14);
}

.ak-navbar__dropdown-menu .dropdown-item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 13px;
  color: #111111;
  white-space: normal;
}

.ak-navbar__dropdown-menu .dropdown-item i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-navbar__dropdown-menu .dropdown-item span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ak-navbar__dropdown-menu .dropdown-item strong {
  color: #111111;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.ak-navbar__dropdown-menu .dropdown-item small {
  color: #777777;
  font-size: 10px;
  font-weight: 600;
}

.ak-navbar__dropdown-menu .dropdown-item:hover {
  color: #ffffff;
  background: #111111;
}

.ak-navbar__dropdown-menu .dropdown-item:hover i {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.ak-navbar__dropdown-menu .dropdown-item:hover strong,
.ak-navbar__dropdown-menu .dropdown-item:hover small {
  color: #ffffff;
}

.ak-navbar__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ak-navbar__brochure,
.ak-navbar__apply {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.ak-navbar__brochure {
  gap: 10px;
  padding: 7px 12px 7px 8px;
  border: 1px solid #e7e7e7;
  color: #111111;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(25, 25, 25, 0.06);
}

.ak-navbar__brochure:hover {
  color: #111111;
  border-color: rgba(244, 196, 48, 0.7);
  transform: translateY(-2px);
}

.ak-navbar__action-icon {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-navbar__brochure>span:last-child {
  display: flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.05;
}

.ak-navbar__brochure small {
  color: #777777;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.ak-navbar__brochure strong {
  color: #111111;
  font-size: 12px;
  font-weight: 950;
}

.ak-navbar__apply {
  gap: 9px;
  padding: 10px 17px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  box-shadow: 0 10px 23px rgba(244, 20, 53, 0.23);
  font-size: 12px;
}

.ak-navbar__apply:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  transform: translateY(-2px);
}

.ak-navbar__toggler {
  width: 47px;
  height: 47px;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  margin-left: auto;
  padding: 0;
  border: 1px solid rgba(20, 20, 20, 0.11);
  border-radius: 13px;
  background: #ffffff;
}

.ak-navbar__toggler span {
  width: 21px;
  height: 2px;
  border-radius: 20px;
  background: #111111;
}

.ak-navbar__toggler[aria-expanded="true"] span:first-child {
  transform: translateY(7px) rotate(45deg);
  background: var(--ak-red);
}

.ak-navbar__toggler[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.ak-navbar__toggler[aria-expanded="true"] span:last-child {
  transform: translateY(-7px) rotate(-45deg);
  background: var(--ak-red);
}

/* =====================================================
   HERO
===================================================== */

.ak-hero {
  position: relative;
  overflow: hidden;
  background: #050505;
}

.ak-hero__slide {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ak-hero__slide--one {
  background-image: url("https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=1920&q=88");
  background-position: center 35%;
}

.ak-hero__slide--two {
  background-image: url("https://images.unsplash.com/photo-1581009146145-b5ef050c2e1e?auto=format&fit=crop&w=1920&q=88");
  background-position: center 30%;
}

.ak-hero__slide--three {
  background-image: url("https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=1920&q=88");
  background-position: center 35%;
}

.ak-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.84) 36%, rgba(0, 0, 0, 0.45) 70%, rgba(0, 0, 0, 0.18)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.82));
}

.ak-hero__texture {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0.24;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-hero__red-shape {
  position: absolute;
  z-index: 2;
  top: -220px;
  left: -295px;
  width: 510px;
  height: 1020px;
  background: linear-gradient(160deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
}

.ak-hero__gold-line {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 7px;
  height: 100%;
  background: linear-gradient(to bottom, var(--ak-gold-light), var(--ak-gold), var(--ak-red));
}

.ak-hero__container {
  position: relative;
  z-index: 5;
  padding-top: 90px;
  padding-bottom: 145px;
}

.ak-hero__content {
  max-width: 850px;
  padding-left: 20px;
}

.ak-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.ak-hero__eyebrow-icon {
  width: 37px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #090909;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-hero__title {
  max-width: 830px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(48px, 5.3vw, 86px);
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 0.98;
  text-transform: uppercase;
}

.ak-hero__title span {
  display: block;
  margin-top: 7px;
  color: var(--ak-gold);
}

.ak-hero__title span::after {
  content: "";
  display: inline-block;
  width: 80px;
  height: 7px;
  margin-left: 18px;
  vertical-align: middle;
  background: var(--ak-red);
  transform: skewX(-24deg);
}

.ak-hero__description {
  max-width: 700px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.75;
}

.ak-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.ak-hero__btn {
  position: relative;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  overflow: hidden;
  padding: 14px 24px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0.45px;
  text-transform: uppercase;
}

.ak-hero__btn:hover {
  transform: translateY(-3px);
}

.ak-hero__btn--primary {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  box-shadow: 0 13px 32px rgba(244, 20, 53, 0.27);
}

.ak-hero__btn--primary:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-hero__btn--outline {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
}

.ak-hero__btn--outline:hover {
  color: #111111;
  background: #ffffff;
}

.ak-hero__btn--whatsapp {
  color: #ffffff;
  background: #149447;
}

.ak-hero__btn--whatsapp:hover {
  color: #ffffff;
  background: #20b85a;
}

.ak-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 27px;
  margin-top: 40px;
}

.ak-hero__meta-item {
  display: flex;
  align-items: center;
  gap: 11px;
}

.ak-hero__meta-item:not(:last-child) {
  padding-right: 27px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.ak-hero__meta-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(244, 196, 48, 0.35);
  border-radius: 50%;
  color: var(--ak-gold);
  background: rgba(244, 196, 48, 0.08);
}

.ak-hero__meta-item>div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ak-hero__meta-item small {
  color: rgba(255, 255, 255, 0.52);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.ak-hero__meta-item strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 850;
}

.ak-hero__slide-number {
  position: absolute;
  right: 55px;
  bottom: 135px;
  z-index: 5;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.ak-hero__slide-number span {
  color: rgba(255, 255, 255, 0.17);
  font-size: 70px;
  font-weight: 950;
}

.ak-hero__slide-number small {
  color: var(--ak-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 3px;
}

.ak-hero__control {
  top: 50%;
  width: 52px;
  height: 52px;
  opacity: 1;
  transform: translateY(-50%);
}

.ak-hero__control--prev {
  left: 22px;
}

.ak-hero__control--next {
  right: 22px;
}

.ak-hero__control>span {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #ffffff;
  background: rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(8px);
}

.ak-hero__control:hover>span {
  color: #080808;
  border-color: var(--ak-gold);
  background: var(--ak-gold);
}

.ak-hero__indicators {
  right: auto;
  bottom: 104px;
  left: 50%;
  z-index: 8;
  margin: 0;
  transform: translateX(-50%);
}

.ak-hero__indicators [data-bs-target] {
  width: 28px;
  height: 4px;
  margin: 0 4px;
  border: 0;
  opacity: 0.45;
  background: #ffffff;
}

.ak-hero__indicators .active {
  width: 55px;
  opacity: 1;
  background: var(--ak-gold);
}

.ak-hero__bottom-bar {
  position: absolute;
  inset: auto 0 0;
  z-index: 10;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(8, 8, 8, 0.92);
  backdrop-filter: blur(14px);
}

.ak-hero__bottom-inner {
  min-height: 98px;
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  align-items: center;
  gap: 28px;
}

.ak-hero__bottom-logo {
  width: 69px;
  height: 69px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 8px;
  background: #050505;
}

.ak-hero__bottom-logo img {
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
}

.ak-hero__bottom-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ak-hero__bottom-copy span,
.ak-hero__bottom-detail small {
  color: var(--ak-gold);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.ak-hero__bottom-copy strong,
.ak-hero__bottom-detail strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 850;
}

.ak-hero__bottom-detail {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-left: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}

.ak-hero__bottom-detail>i {
  color: var(--ak-gold);
  font-size: 18px;
}

.ak-hero__bottom-detail>div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ak-hero__bottom-detail strong {
  font-size: 11px;
  white-space: nowrap;
}

.ak-hero__bottom-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 19px;
  color: #080808;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.ak-hero__bottom-button:hover {
  color: #ffffff;
  background: var(--ak-red);
}

/* =====================================================
   STATS
===================================================== */

.akfa-stats {
  position: relative;
  background: #ffffff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.akfa-stat-item {
  position: relative;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 15px;
  background: #ffffff;
  border-right: 1px solid #e8e8e8;
  isolation: isolate;
}

.akfa-stat-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.akfa-stat-item::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -75px;
  width: 145px;
  height: 145px;
  z-index: -1;
  border-radius: 50%;
  background: rgba(244, 196, 48, 0.09);
}

.akfa-stat-item:hover {
  z-index: 3;
  background: #101010;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
  transform: translateY(-6px);
}

.akfa-stat-item:hover::before {
  right: 0;
  left: 0;
}

.akfa-stat-value {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  color: #111111;
  line-height: 0.9;
}

.akfa-counter {
  color: inherit;
  font-family: var(--ak-font-title);
  font-size: clamp(58px, 5.2vw, 82px);
  font-weight: 800;
  line-height: 0.9;
}

.akfa-stat-symbol {
  margin-top: 5px;
  color: var(--ak-red);
  font-size: 25px;
  font-weight: 950;
}

.akfa-stat-item p {
  margin: 15px 0 0;
  color: #6c6c6c;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 1.3px;
  text-align: center;
  text-transform: uppercase;
}

.akfa-stat-item:hover .akfa-stat-value,
.akfa-stat-item:hover p {
  color: #ffffff;
}

.akfa-stat-item:hover .akfa-stat-symbol {
  color: var(--ak-gold);
}

/* =====================================================
   COMMON SECTION BACKGROUNDS
===================================================== */

.akfa-about-section,
.akfa-course,
.akfa-dpt-tabs,
.akfa-collaboration,
.akfa-apply {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 7% 10%, rgba(244, 196, 48, 0.12), transparent 25%),
    radial-gradient(circle at 94% 88%, rgba(244, 20, 53, 0.08), transparent 28%),
    var(--ak-light);
}

.akfa-about-section::before,
.akfa-course::before,
.akfa-dpt-tabs::before,
.akfa-collaboration::before,
.akfa-apply::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), transparent);
}

.akfa-about-section__pattern,
.akfa-course__pattern,
.akfa-dpt-tabs__pattern,
.akfa-collaboration__pattern,
.akfa-apply__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.34;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 20, 20, 0.025) 1px, transparent 1px);
  background-size: 46px 46px;
}

.akfa-course::after {
  content: "DPT";
}

.akfa-dpt-tabs::after {
  content: "DETAILS";
}

.akfa-collaboration::after {
  content: "PARTNERS";
}

.akfa-apply::after {
  content: "APPLY";
}

.akfa-course::after,
.akfa-dpt-tabs::after,
.akfa-collaboration::after,
.akfa-apply::after {
  position: absolute;
  right: -30px;
  bottom: -55px;
  color: rgba(15, 15, 15, 0.025);
  font-family: var(--ak-font-title);
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -6px;
  line-height: 1;
  pointer-events: none;
}

.akfa-course__shape,
.akfa-dpt-tabs__shape,
.akfa-apply__shape {
  position: absolute;
  pointer-events: none;
}

.akfa-course__shape--one,
.akfa-dpt-tabs__shape--one,
.akfa-apply__shape--one {
  top: -180px;
  right: -165px;
  width: 410px;
  height: 410px;
  border: 65px solid rgba(244, 196, 48, 0.07);
  border-radius: 50%;
}

.akfa-course__shape--two,
.akfa-dpt-tabs__shape--two,
.akfa-apply__shape--two {
  bottom: -205px;
  left: -165px;
  width: 390px;
  height: 390px;
  border-radius: 75px;
  background: rgba(244, 20, 53, 0.04);
  transform: rotate(35deg);
}

/* =====================================================
   ABOUT
===================================================== */

.akfa-about-section::after {
  content: "AKFA";
  position: absolute;
  right: -25px;
  bottom: -45px;
  color: rgba(15, 15, 15, 0.025);
  font-family: var(--ak-font-title);
  font-size: 190px;
  font-weight: 800;
  letter-spacing: -6px;
  pointer-events: none;
}

.akfa-about-visual {
  position: relative;
  max-width: 520px;
  margin: 0 auto;
  padding: 14px 25px 44px 0;
}

.akfa-about-visual::before {
  content: "";
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 8px;
  left: 42px;
  z-index: -1;
  border-radius: 26px 8px;
  background: linear-gradient(145deg, var(--ak-gold), var(--ak-gold-light));
  box-shadow: 0 25px 60px rgba(244, 196, 48, 0.2);
  transform: rotate(2deg);
}

.akfa-about-visual__frame {
  padding: 8px;
  border-radius: 25px 7px;
  background: #ffffff;
  box-shadow: 0 30px 70px rgba(20, 20, 20, 0.17);
}

.akfa-about-visual__image {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 20px 5px;
  background: #111111;
}

.akfa-about-visual__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 18%;
}

.akfa-about-visual:hover .akfa-about-visual__image img {
  transform: scale(1.035);
}

.akfa-about-visual__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(0, 0, 0, 0.82));
}

.akfa-about-visual__founded {
  position: absolute;
  top: 20px;
  right: 19px;
  z-index: 3;
  min-width: 93px;
  padding: 10px 13px;
  border-radius: 12px;
  color: #ffffff;
  background: rgba(7, 7, 7, 0.72);
  text-align: center;
  backdrop-filter: blur(10px);
}

.akfa-about-visual__founded span {
  display: block;
  margin-bottom: 2px;
  color: var(--ak-gold);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.akfa-about-visual__founded strong {
  font-size: 22px;
  font-weight: 950;
}

.akfa-about-visual__identity {
  position: absolute;
  right: 22px;
  bottom: 24px;
  left: 22px;
  z-index: 3;
}

.akfa-about-visual__identity small {
  display: block;
  margin-bottom: 4px;
  color: var(--ak-gold);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.akfa-about-visual__identity h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  text-transform: uppercase;
}

.akfa-about-visual__experience,
.akfa-about-visual__quote {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 15px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.akfa-about-visual__experience {
  top: 88px;
  left: -76px;
  min-width: 175px;
  padding: 15px 16px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.akfa-about-visual__experience strong {
  color: #ffffff;
  font-size: 38px;
  font-weight: 950;
  line-height: 0.9;
}

.akfa-about-visual__experience strong span {
  color: var(--ak-gold);
  font-size: 20px;
}

.akfa-about-visual__experience>div {
  display: flex;
  flex-direction: column;
}

.akfa-about-visual__experience>div span {
  color: rgba(255, 255, 255, 0.65);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.akfa-about-visual__experience>div b {
  color: #ffffff;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.akfa-about-visual__quote {
  right: -20px;
  bottom: 0;
  min-width: 270px;
  padding: 16px 18px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  background: #101010;
}

.akfa-about-visual__quote-icon {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-about-visual__quote small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.akfa-about-visual__quote p {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 850;
}

.akfa-about-content {
  padding-left: 18px;
}

.akfa-about-heading__tag,
.akfa-course__tag,
.akfa-dpt-tabs__tag,
.akfa-apply__heading-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: var(--ak-red);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.akfa-about-heading__tag i,
.akfa-course__tag i,
.akfa-dpt-tabs__tag>span,
.akfa-apply__heading-tag>span {
  width: 31px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-about-heading h2,
.akfa-course__heading h2,
.akfa-dpt-tabs__heading h2,
.akfa-apply__heading h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(40px, 4.7vw, 68px);
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1;
  text-transform: uppercase;
}

.akfa-about-heading h2 span,
.akfa-course__heading h2 span,
.akfa-dpt-tabs__heading h2 strong,
.akfa-apply__heading h2 strong {
  display: block;
  margin-top: 7px;
  color: var(--ak-red);
  font-weight: 800;
}

.akfa-about-copy {
  margin-top: 27px;
}

.akfa-about-copy p {
  margin: 0 0 15px;
  color: #656565;
  font-size: 14px;
  line-height: 1.78;
}

.akfa-about-copy__lead {
  padding-left: 17px;
  border-left: 3px solid var(--ak-gold);
  color: #3b3b3b !important;
  font-size: 15px !important;
}

.akfa-about-copy strong {
  color: #111111;
}

.akfa-purpose-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 29px;
}

.akfa-purpose-card {
  position: relative;
  min-height: 160px;
  display: flex;
  gap: 14px;
  overflow: hidden;
  padding: 22px 19px;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 13px 32px rgba(20, 20, 20, 0.055);
}

.akfa-purpose-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 3px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.akfa-purpose-card:hover {
  border-color: rgba(244, 196, 48, 0.55);
  transform: translateY(-6px);
}

.akfa-purpose-card:hover::before {
  right: 0;
  left: 0;
}

.akfa-purpose-card__icon {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  border-radius: 13px;
  color: #ffffff;
  background: #111111;
}

.akfa-purpose-card:hover .akfa-purpose-card__icon {
  color: #111111;
  background: var(--ak-gold);
  transform: rotate(-6deg) scale(1.07);
}

.akfa-purpose-card__content>span {
  display: block;
  margin-bottom: 8px;
  color: #111111;
  font-size: 14px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-purpose-card__content p {
  margin: 0;
  color: #707070;
  font-size: 13px;
  line-height: 1.65;
}

.akfa-purpose-card__number {
  position: absolute;
  right: 8px;
  bottom: -12px;
  color: rgba(15, 15, 15, 0.035);
  font-size: 76px;
  font-weight: 950;
}

/* =====================================================
   COURSE OVERVIEW
===================================================== */

.akfa-course__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: end;
  gap: 55px;
  margin-bottom: 48px;
}

.akfa-course__heading>p {
  max-width: 430px;
  margin: 0 0 6px auto;
  padding-left: 19px;
  border-left: 3px solid var(--ak-gold);
  color: #666666;
  font-size: 14px;
  line-height: 1.75;
}

.akfa-course__shell,
.akfa-dpt-tabs__shell,
.akfa-apply__shell,
.akfa-collaboration__shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 15, 15, 0.09);
  border-radius: 26px;
  background: #ffffff;
  box-shadow: 0 35px 80px rgba(20, 20, 20, 0.14);
}

.akfa-course__shell {
  background: #111111;
}

.akfa-course__visual,
.akfa-course__image {
  position: relative;
  height: 100%;
  min-height: 660px;
}

.akfa-course__image {
  overflow: hidden;
  background: #111111;
}

.akfa-course__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.akfa-course__visual:hover .akfa-course__image img {
  transform: scale(1.05);
}

.akfa-course__image-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.92)),
    linear-gradient(90deg, rgba(244, 20, 53, 0.16), transparent 52%);
}

.akfa-course__programme {
  position: absolute;
  right: 34px;
  bottom: 92px;
  left: 34px;
  z-index: 3;
}

.akfa-course__programme>span {
  display: block;
  margin-bottom: 5px;
  color: var(--ak-gold);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.akfa-course__programme strong {
  display: block;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(82px, 9vw, 126px);
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 0.8;
  text-transform: uppercase;
}

.akfa-course__programme p {
  margin: 17px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.akfa-course__format {
  position: absolute;
  right: 25px;
  bottom: 24px;
  left: 25px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border-radius: 13px;
  color: #ffffff;
  background: rgba(10, 10, 10, 0.72);
  backdrop-filter: blur(12px);
}

.akfa-course__format>i {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #111111;
  background: var(--ak-gold);
}

.akfa-course__format small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.akfa-course__format strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 850;
}

.akfa-course__duration-badge {
  position: absolute;
  top: 30px;
  left: -9px;
  z-index: 6;
  min-width: 155px;
  padding: 14px 16px;
  border-radius: 0 14px 14px 0;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  box-shadow: 0 18px 38px rgba(244, 20, 53, 0.32);
}

.akfa-course__duration-badge>span {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.akfa-course__duration-badge>div {
  display: flex;
  align-items: flex-end;
  gap: 7px;
}

.akfa-course__duration-badge strong {
  color: #ffffff;
  font-size: 36px;
  font-weight: 950;
  line-height: 0.9;
}

.akfa-course__duration-badge small {
  padding-bottom: 3px;
  color: var(--ak-gold);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-course__content {
  position: relative;
  height: 100%;
  padding: 54px 50px 48px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.09), transparent 28%),
    linear-gradient(145deg, #111111, #080808);
}

.akfa-course__content::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(to bottom, var(--ak-gold), var(--ak-red), transparent);
}

.akfa-course__content-label {
  display: block;
  margin-bottom: 13px;
  color: var(--ak-gold);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.akfa-course__content-top h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 3.3vw, 50px);
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.08;
  text-transform: uppercase;
}

.akfa-course__content-top>p {
  max-width: 680px;
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  line-height: 1.75;
}

.akfa-course__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 30px;
}

.akfa-course-fact {
  min-height: 81px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
}

.akfa-course-fact:hover {
  border-color: rgba(244, 196, 48, 0.45);
  background: rgba(244, 196, 48, 0.075);
  transform: translateY(-4px);
}

.akfa-course-fact__icon {
  width: 43px;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 43px;
  border-radius: 11px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-course-fact small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.akfa-course-fact strong {
  display: block;
  color: #ffffff;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.3;
}

.akfa-course__eligibility {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
  padding: 17px 18px;
  border: 1px solid rgba(244, 196, 48, 0.28);
  border-radius: 14px;
  background: linear-gradient(100deg, rgba(244, 196, 48, 0.11), rgba(255, 255, 255, 0.035));
}

.akfa-course__eligibility-icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.akfa-course__eligibility small {
  color: var(--ak-gold);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.akfa-course__eligibility h4 {
  margin: 3px 0 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-course__eligibility p {
  margin: 0;
  color: rgba(255, 255, 255, 0.57);
  font-size: 10px;
  line-height: 1.6;
}

.akfa-course__eligibility-check {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #111111;
  background: var(--ak-gold);
}

.akfa-course__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 25px;
}

.akfa-course__button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 19px;
  border-radius: 11px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.45px;
  text-transform: uppercase;
}

.akfa-course__button:hover {
  transform: translateY(-3px);
}

.akfa-course__button--primary {
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.akfa-course__button--primary:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-course__button--whatsapp {
  background: #148b48;
}

.akfa-course__button--whatsapp:hover {
  color: #ffffff;
  background: #1caf5b;
}

/* =====================================================
   DPT TABS
===================================================== */

.akfa-dpt-tabs {
  background:
    radial-gradient(circle at 8% 12%, rgba(244, 196, 48, 0.11), transparent 26%),
    radial-gradient(circle at 94% 88%, rgba(244, 20, 53, 0.08), transparent 27%),
    linear-gradient(135deg, #080808 0%, #121212 52%, #080808);
}

.akfa-dpt-tabs::after {
  color: rgba(255, 255, 255, 0.025);
}

.akfa-dpt-tabs__heading {
  max-width: 880px;
  margin: 0 auto 45px;
  text-align: center;
}

.akfa-dpt-tabs__tag {
  color: var(--ak-gold);
}

.akfa-dpt-tabs__heading h2 {
  color: #ffffff;
}

.akfa-dpt-tabs__heading p {
  max-width: 650px;
  margin: 22px auto 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.75;
}

.akfa-dpt-tabs__shell {
  border-color: rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(10px);
}

.akfa-dpt-tabs__nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.akfa-dpt-tabs__button {
  width: 100%;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  border: 0;
  border-radius: 13px;
  color: rgba(255, 255, 255, 0.68);
  background: transparent;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.akfa-dpt-tabs__button i {
  color: var(--ak-gold);
  font-size: 17px;
}

.akfa-dpt-tabs__button:hover,
.akfa-dpt-tabs__button.active {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-dpt-tabs__button:hover i,
.akfa-dpt-tabs__button.active i {
  color: #111111;
}

.akfa-dpt-tabs__content {
  padding: 0;
}

.akfa-dpt-panel {
  padding: 42px;
}

.akfa-dpt-panel__intro {
  max-width: 780px;
  margin-bottom: 28px;
}

.akfa-dpt-panel__intro small {
  display: block;
  margin-bottom: 8px;
  color: var(--ak-gold);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}

.akfa-dpt-panel__intro h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3.4vw, 48px);
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.06;
  text-transform: uppercase;
}

.akfa-dpt-panel__intro p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  line-height: 1.75;
}

.akfa-dpt-grid,
.akfa-dpt-careers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.akfa-dpt-card,
.akfa-dpt-careers article {
  min-height: 130px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

.akfa-dpt-card:hover,
.akfa-dpt-careers article:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.08);
  transform: translateY(-6px);
}

.akfa-dpt-card i,
.akfa-dpt-careers article i {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-dpt-card h4,
.akfa-dpt-careers article h4 {
  margin: 22px 0 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.35;
  text-transform: uppercase;
}

.akfa-dpt-timeline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.akfa-dpt-step,
.akfa-dpt-assessment-card {
  position: relative;
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 14px;
  min-height: 138px;
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

.akfa-dpt-step:hover,
.akfa-dpt-assessment-card:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.08);
  transform: translateY(-5px);
}

.akfa-dpt-step>span {
  color: rgba(255, 255, 255, 0.13);
  font-size: 27px;
  font-weight: 950;
}

.akfa-dpt-step>i,
.akfa-dpt-assessment-card>i {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-dpt-step small,
.akfa-dpt-assessment-card small {
  display: block;
  margin-bottom: 5px;
  color: var(--ak-gold);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.akfa-dpt-step h4,
.akfa-dpt-assessment-card h4 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-dpt-step p,
.akfa-dpt-assessment-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
  line-height: 1.6;
}

.akfa-dpt-assessment {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.akfa-dpt-assessment-card {
  grid-template-columns: auto 1fr;
}

.akfa-dpt-assessment-card--highlight {
  border-color: rgba(244, 196, 48, 0.36);
  background: linear-gradient(135deg, rgba(244, 196, 48, 0.14), rgba(255, 255, 255, 0.045));
}

.akfa-dpt-note {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 17px;
  padding: 15px 17px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 14px;
  color: #ffffff;
  background: rgba(244, 196, 48, 0.08);
}

.akfa-dpt-note i {
  color: var(--ak-gold);
}

.akfa-dpt-note span {
  font-size: 12px;
  font-weight: 750;
}

.akfa-dpt-tabs__bottom {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 24px;
  padding: 18px 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.06);
}

.akfa-dpt-tabs__bottom>div {
  display: flex;
  align-items: center;
  gap: 13px;
}

.akfa-dpt-tabs__bottom>div>i {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-dpt-tabs__bottom span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.akfa-dpt-tabs__bottom small {
  color: var(--ak-gold);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.akfa-dpt-tabs__bottom strong {
  color: #ffffff;
  font-size: 14px;
}

.akfa-dpt-tabs__bottom a {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 20px;
  border-radius: 11px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.45px;
  text-transform: uppercase;
}

.akfa-dpt-tabs__bottom a:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  transform: translateY(-3px);
}

/* =====================================================
   COLLABORATION
===================================================== */

.akfa-collaboration__intro {
  position: relative;
  height: 100%;
  min-height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 42px 36px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.13), transparent 34%),
    linear-gradient(145deg, #151515, #080808);
}

.akfa-collaboration__intro::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 4px;
  background: linear-gradient(to bottom, var(--ak-gold), var(--ak-red));
}

.akfa-collaboration__tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--ak-gold);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.akfa-collaboration__tag>span {
  width: 33px;
  height: 33px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-collaboration__intro h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 800;
  line-height: 1.06;
  text-transform: uppercase;
}

.akfa-collaboration__intro h2 strong {
  display: block;
  color: var(--ak-red);
}

.akfa-collaboration__intro p {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  line-height: 1.7;
}

.akfa-collaboration__line {
  width: 100%;
  height: 3px;
  margin-top: 28px;
  background: rgba(255, 255, 255, 0.08);
}

.akfa-collaboration__line span {
  width: 75px;
  height: 100%;
  display: block;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.akfa-collaboration__intro:hover .akfa-collaboration__line span {
  width: 100%;
}

.akfa-partner-card {
  position: relative;
  height: 100%;
  min-height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 38px 32px;
  background: #ffffff;
  isolation: isolate;
}

.akfa-partner-card--first {
  border-right: 1px solid #e8e8e8;
}

.akfa-partner-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.akfa-partner-card::after {
  content: "";
  position: absolute;
  right: -85px;
  bottom: -100px;
  width: 220px;
  height: 220px;
  z-index: -1;
  border-radius: 50%;
  background: rgba(244, 196, 48, 0.09);
}

.akfa-partner-card:hover {
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 36%),
    #111111;
  transform: translateY(-8px);
}

.akfa-partner-card:hover::before {
  right: 0;
  left: 0;
}

.akfa-partner-card__number {
  position: absolute;
  top: 24px;
  right: 25px;
  color: rgba(15, 15, 15, 0.07);
  font-size: 42px;
  font-weight: 950;
}

.akfa-partner-card:hover .akfa-partner-card__number {
  color: rgba(244, 196, 48, 0.2);
}

.akfa-partner-card__logo {
  width: 82px;
  height: 82px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  border-radius: 21px;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-partner-card__logo span {
  color: #111111;
  font-size: 25px;
  font-weight: 950;
}

.akfa-partner-card:hover .akfa-partner-card__logo {
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(-7deg) scale(1.06);
}

.akfa-partner-card:hover .akfa-partner-card__logo span {
  color: #ffffff;
}

.akfa-partner-card__content small {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  color: var(--ak-red);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.akfa-partner-card__content h3 {
  max-width: 260px;
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(27px, 2.2vw, 34px);
  font-weight: 800;
  line-height: 1.08;
  text-transform: uppercase;
}

.akfa-partner-card__content p {
  margin: 12px 0 0;
  color: #777777;
  font-size: 11px;
  font-weight: 650;
}

.akfa-partner-card:hover .akfa-partner-card__content small {
  color: var(--ak-gold);
}

.akfa-partner-card:hover .akfa-partner-card__content h3 {
  color: #ffffff;
}

.akfa-partner-card:hover .akfa-partner-card__content p {
  color: rgba(255, 255, 255, 0.56);
}

.akfa-partner-card__arrow {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 41px;
  height: 41px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #777777;
  background: #ffffff;
}

.akfa-partner-card:hover .akfa-partner-card__arrow {
  color: #111111;
  background: var(--ak-gold);
  transform: translate(4px, -4px);
}

/* =====================================================
   APPLICATION
===================================================== */

.akfa-apply__heading {
  max-width: 880px;
  margin: 0 auto 48px;
  text-align: center;
}

.akfa-apply__heading>p {
  max-width: 650px;
  margin: 22px auto 0;
  color: #686868;
  font-size: 14px;
  line-height: 1.75;
}

.akfa-apply__info {
  position: relative;
  height: 100%;
  min-height: 780px;
  display: flex;
  flex-direction: column;
  padding: 48px 40px 38px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 32%),
    linear-gradient(145deg, #151515, #080808);
}

.akfa-apply__info::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 4px;
  background: linear-gradient(to bottom, var(--ak-gold), var(--ak-red), transparent);
}

.akfa-apply__eyebrow {
  display: block;
  margin-bottom: 13px;
  color: var(--ak-gold);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.akfa-apply__info h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(36px, 3.5vw, 52px);
  font-weight: 800;
  line-height: 1.02;
  text-transform: uppercase;
}

.akfa-apply__info h3 span {
  display: block;
  color: var(--ak-red);
}

.akfa-apply__info-top>p {
  margin: 22px 0 0;
  padding-left: 16px;
  border-left: 3px solid var(--ak-gold);
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  line-height: 1.75;
}

.akfa-apply__benefits {
  display: grid;
  gap: 10px;
  margin-top: 29px;
}

.akfa-apply-benefit {
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.045);
}

.akfa-apply-benefit:hover {
  border-color: rgba(244, 196, 48, 0.47);
  background: rgba(244, 196, 48, 0.08);
  transform: translateX(6px);
}

.akfa-apply-benefit>span {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  border-radius: 11px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-apply-benefit small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.akfa-apply-benefit strong {
  display: block;
  color: #ffffff;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.4;
}

.akfa-apply__contact {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
}

.akfa-apply__contact-icon {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.akfa-apply__contact small {
  color: rgba(255, 255, 255, 0.45);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.akfa-apply__contact a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
}

.akfa-apply__contact-action {
  width: 37px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #ffffff;
  background: var(--ak-green);
}

.akfa-apply__form-panel {
  height: 100%;
  min-height: 780px;
  padding: 47px 45px 38px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.09), transparent 30%),
    #ffffff;
}

.akfa-apply__form-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 29px;
  padding-bottom: 21px;
  border-bottom: 1px solid #e9e9e9;
}

.akfa-apply__form-heading>div:first-child>span {
  display: block;
  margin-bottom: 6px;
  color: var(--ak-red);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.akfa-apply__form-heading h3 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 800;
  text-transform: uppercase;
}

.akfa-apply__form-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(244, 196, 48, 0.42);
  border-radius: 50px;
  color: #8a6900;
  background: rgba(244, 196, 48, 0.1);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.akfa-form-field .form-label {
  margin-bottom: 8px;
  color: #222222;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.akfa-form-field .form-label span {
  color: var(--ak-red);
}

.akfa-form-control {
  position: relative;
}

.akfa-form-control>i {
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 4;
  color: #a3a3a3;
  font-size: 14px;
  transform: translateY(-50%);
}

.akfa-form-control--textarea>i {
  top: 17px;
  transform: none;
}

.akfa-form-control .form-control,
.akfa-form-control .form-select {
  min-height: 55px;
  padding: 12px 15px 12px 43px;
  border: 1px solid #dddddd;
  border-radius: 11px;
  color: #222222;
  background-color: #fafafa;
  box-shadow: none;
  font-size: 12px;
  font-weight: 600;
}

.akfa-form-control .form-control:focus,
.akfa-form-control .form-select:focus {
  border-color: var(--ak-gold);
  background-color: #ffffff;
  box-shadow: 0 0 0 4px rgba(244, 196, 48, 0.12);
}

.akfa-form-control textarea.form-control {
  min-height: 118px;
  padding-top: 15px;
  resize: vertical;
}

.akfa-form-field .invalid-feedback {
  margin-top: 6px;
  color: #d90e2d;
  font-size: 9px;
  font-weight: 650;
}

.akfa-apply__consent {
  padding: 14px 15px;
  border: 1px solid #e4e4e4;
  border-radius: 11px;
  background: #fafafa;
}

.akfa-apply__consent .form-check {
  margin: 0;
  padding-left: 28px;
}

.akfa-apply__consent .form-check-input {
  width: 17px;
  height: 17px;
  margin-left: -28px;
  border-radius: 5px;
}

.akfa-apply__consent .form-check-input:checked {
  border-color: var(--ak-red);
  background-color: var(--ak-red);
}

.akfa-apply__consent .form-check-label {
  color: #646464;
  font-size: 10px;
  line-height: 1.6;
}

.akfa-apply__submit {
  width: 100%;
  min-height: 67px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 13px;
  overflow: hidden;
  padding: 10px 16px;
  border: 0;
  border-radius: 13px;
  color: #ffffff;
  background: linear-gradient(135deg, #168f4a, #20b660);
  box-shadow: 0 15px 34px rgba(22, 143, 74, 0.24);
  text-align: left;
}

.akfa-apply__submit:hover {
  box-shadow: 0 20px 43px rgba(22, 143, 74, 0.34);
  transform: translateY(-4px);
}

.akfa-apply__submit-icon {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: #188d4a;
  background: #ffffff;
}

.akfa-apply__submit-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.akfa-apply__submit-text small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.akfa-apply__submit-text strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.akfa-apply__note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 11px 13px;
  border-radius: 10px;
  background: #f4f4f2;
}

.akfa-apply__note i {
  color: var(--ak-red);
  font-size: 12px;
}

.akfa-apply__note p {
  margin: 0;
  color: #7a7a7a;
  font-size: 8px;
  line-height: 1.6;
}

/* =====================================================
   FOOTER
===================================================== */

.akfa-footer {
  position: relative;
  color: #ffffff;
  background: #080808;
}

.akfa-footer__cta-wrap {
  position: relative;
  z-index: 5;
  margin-bottom: -70px;
  padding-top: 70px;
}

.akfa-footer__cta {
  min-height: 145px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
  padding: 29px 32px;
  border: 1px solid rgba(244, 196, 48, 0.34);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.14), transparent 35%),
    linear-gradient(135deg, #181818, #090909);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.38);
}

.akfa-footer__cta-content {
  display: flex;
  align-items: center;
  gap: 18px;
}

.akfa-footer__cta-icon {
  width: 69px;
  height: 69px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-footer__cta-content small {
  display: block;
  margin-bottom: 5px;
  color: var(--ak-gold);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.akfa-footer__cta-content h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 800;
  line-height: 1.05;
  text-transform: uppercase;
}

.akfa-footer__cta-content h2 span {
  color: var(--ak-red);
}

.akfa-footer__cta-actions {
  display: flex;
  align-items: center;
  gap: 11px;
}

.akfa-footer__cta-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 18px;
  border-radius: 11px;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.akfa-footer__cta-button:hover {
  transform: translateY(-3px);
}

.akfa-footer__cta-button--primary {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-footer__cta-button--primary:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.akfa-footer__cta-button--whatsapp {
  color: #ffffff;
  background: #168f4a;
}

.akfa-footer__cta-button--whatsapp:hover {
  color: #ffffff;
  background: #20ad5d;
}

.akfa-footer__main {
  position: relative;
  overflow: hidden;
  padding: 150px 0 0;
  background:
    radial-gradient(circle at 8% 18%, rgba(244, 196, 48, 0.09), transparent 27%),
    radial-gradient(circle at 93% 83%, rgba(244, 20, 53, 0.08), transparent 30%),
    linear-gradient(135deg, #080808, #121212 52%, #070707);
}

.akfa-footer__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.27;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 48px 48px;
}

.akfa-footer__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.akfa-footer__glow--one {
  top: 160px;
  left: -180px;
  width: 390px;
  height: 390px;
  background: rgba(244, 196, 48, 0.035);
}

.akfa-footer__glow--two {
  right: -170px;
  bottom: -180px;
  width: 390px;
  height: 390px;
  background: rgba(244, 20, 53, 0.04);
}

.akfa-footer__brand {
  max-width: 470px;
}

.akfa-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 13px;
}

.akfa-footer__logo img {
  width: 105px;
  height: 72px;
  object-fit: contain;
}

.akfa-footer__brand-name {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.akfa-footer__brand-name strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-footer__brand-name small {
  color: var(--ak-gold);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.akfa-footer__brand>p {
  max-width: 430px;
  margin: 22px 0 0;
  padding-left: 16px;
  border-left: 3px solid var(--ak-gold);
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
  line-height: 1.75;
}

.akfa-footer__brand-badges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 440px;
  margin-top: 23px;
}

.akfa-footer__brand-badges>div {
  min-height: 67px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
}

.akfa-footer__brand-badges>div>i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-footer__brand-badges span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.akfa-footer__brand-badges small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 6px;
  font-weight: 850;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.akfa-footer__brand-badges strong {
  color: #ffffff;
  font-size: 9px;
  font-weight: 850;
}

.akfa-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 25px;
}

.akfa-footer__social {
  width: 43px;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.045);
}

.akfa-footer__social:hover {
  color: #ffffff;
  transform: translateY(-5px) rotate(-4deg);
}

.akfa-footer__social--whatsapp:hover {
  background: #168f4a;
}

.akfa-footer__social--instagram:hover {
  background: linear-gradient(135deg, #833ab4, #e1306c, #f77737);
}

.akfa-footer__social--email:hover {
  background: var(--ak-red);
}

.akfa-footer__social--phone:hover {
  color: #111111;
  background: var(--ak-gold);
}

.akfa-footer__column {
  padding-top: 9px;
}

.akfa-footer__column h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 23px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.akfa-footer__column h3>span {
  width: 21px;
  height: 4px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.akfa-footer__column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.akfa-footer__column>ul:not(.akfa-footer__contact-list) {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.akfa-footer__column a {
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
  font-weight: 650;
}

.akfa-footer__column a:hover {
  color: #ffffff;
  transform: translateX(6px);
}

.akfa-footer__column a i {
  color: var(--ak-gold);
  font-size: 9px;
}

.akfa-footer__contact-list {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.akfa-footer__contact-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 11px;
  min-height: 67px;
  padding: 11px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
}

.akfa-footer__contact-icon {
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.akfa-footer__contact-list small {
  color: rgba(255, 255, 255, 0.4);
  font-size: 6px;
  font-weight: 850;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.akfa-footer__contact-list a,
.akfa-footer__contact-list strong {
  display: block;
  overflow-wrap: anywhere;
  color: #ffffff;
  font-size: 9px;
  font-weight: 850;
}

.akfa-footer__bottom {
  min-height: 76px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 25px;
  margin-top: 60px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.akfa-footer__bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
}

.akfa-footer__bottom-center {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.akfa-footer__bottom-center i {
  color: var(--ak-gold);
}

.akfa-footer__tagline {
  color: var(--ak-gold) !important;
  font-weight: 850 !important;
  text-align: right;
  text-transform: uppercase;
}

/* =====================================================
   FLOATING WHATSAPP / BACK TO TOP / MOBILE BAR
===================================================== */

.akfa-whatsapp-popup[hidden] {
  display: none !important;
}

.akfa-floating-whatsapp {
  position: fixed;
  right: 26px;
  bottom: 27px;
  z-index: 1090;
  min-width: 174px;
  height: 61px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 17px 8px 8px;
  border: 0;
  border-radius: 50px;
  color: #ffffff;
  background: linear-gradient(135deg, #119447, #20bd62);
  box-shadow: 0 17px 40px rgba(16, 148, 71, 0.32);
  cursor: pointer;
}

.akfa-floating-whatsapp:hover {
  transform: translateY(-5px);
}

.akfa-floating-whatsapp__icon {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #15984b;
  background: #ffffff;
}

.akfa-floating-whatsapp__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.akfa-floating-whatsapp__text small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.akfa-floating-whatsapp__text strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-floating-whatsapp__pulse {
  position: absolute;
  top: -2px;
  right: 5px;
  width: 12px;
  height: 12px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: var(--ak-gold);
}

.akfa-floating-whatsapp__pulse::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(244, 196, 48, 0.72);
  border-radius: 50%;
  animation: akfaWhatsappPulse 1.8s infinite;
}

@keyframes akfaWhatsappPulse {
  0% {
    opacity: 0.8;
    transform: scale(0.7);
  }

  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}

.akfa-whatsapp-popup {
  position: fixed;
  right: 26px;
  bottom: 101px;
  z-index: 1100;
  width: min(370px, calc(100vw - 30px));
  overflow: hidden;
  border-radius: 21px;
  background: #ffffff;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
  animation: akfaWhatsappOpen 0.32s ease both;
}

@keyframes akfaWhatsappOpen {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.akfa-whatsapp-popup__header {
  min-height: 89px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 14px 15px;
  color: #ffffff;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.21), transparent 40%),
    linear-gradient(135deg, #121212, #080808);
}

.akfa-whatsapp-popup__profile {
  display: flex;
  align-items: center;
  gap: 11px;
}

.akfa-whatsapp-popup__logo {
  position: relative;
  width: 57px;
  height: 57px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border: 2px solid rgba(244, 196, 48, 0.65);
  border-radius: 15px;
  background: #ffffff;
}

.akfa-whatsapp-popup__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.akfa-whatsapp-popup__status {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 13px;
  height: 13px;
  border: 3px solid #111111;
  border-radius: 50%;
  background: #20bd62;
}

.akfa-whatsapp-popup__profile h3 {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__profile p {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__profile p span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #20bd62;
}

.akfa-whatsapp-popup__close {
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.07);
}

.akfa-whatsapp-popup__close:hover {
  color: #ffffff;
  background: var(--ak-red);
}

.akfa-whatsapp-popup__body {
  padding: 21px 17px 17px;
  background:
    linear-gradient(rgba(246, 246, 242, 0.92), rgba(246, 246, 242, 0.92)),
    radial-gradient(circle, rgba(20, 20, 20, 0.05) 1px, transparent 1px);
  background-size: auto, 17px 17px;
}

.akfa-whatsapp-popup__date {
  width: fit-content;
  margin: 0 auto 13px;
  padding: 5px 10px;
  border-radius: 50px;
  color: #777777;
  background: #ffffff;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__message {
  max-width: 90%;
  padding: 14px 15px 11px;
  border-radius: 5px 14px 14px 14px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.08);
}

.akfa-whatsapp-popup__message p {
  margin: 0 0 8px;
  color: #4c4c4c;
  font-size: 11px;
  line-height: 1.58;
}

.akfa-whatsapp-popup__message small {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  color: #999999;
  font-size: 6px;
  font-weight: 750;
}

.akfa-whatsapp-popup__quick-title {
  margin: 17px 0 9px;
  color: #777777;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__quick-options {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.akfa-whatsapp-popup__quick {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 33px;
  padding: 7px 10px;
  border: 1px solid #dddddd;
  border-radius: 50px;
  color: #464646;
  background: #ffffff;
  font-size: 8px;
  font-weight: 750;
}

.akfa-whatsapp-popup__quick i {
  color: #15984b;
}

.akfa-whatsapp-popup__quick:hover,
.akfa-whatsapp-popup__quick.is-selected {
  color: #ffffff;
  border-color: #15984b;
  background: #15984b;
}

.akfa-whatsapp-popup__quick:hover i,
.akfa-whatsapp-popup__quick.is-selected i {
  color: #ffffff;
}

.akfa-whatsapp-popup__footer {
  padding: 14px 16px 13px;
  background: #ffffff;
}

.akfa-whatsapp-popup__button {
  width: 100%;
  min-height: 52px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 11px;
  color: #ffffff;
  background: linear-gradient(135deg, #119447, #20bd62);
}

.akfa-whatsapp-popup__button:hover {
  color: #ffffff;
  transform: translateY(-3px);
}

.akfa-whatsapp-popup__button>span {
  width: 37px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #15984b;
  background: #ffffff;
}

.akfa-whatsapp-popup__button strong {
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__footer>p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 9px 0 0;
  color: #999999;
  font-size: 7px;
}

.akfa-back-to-top {
  position: fixed;
  right: 28px;
  bottom: 98px;
  z-index: 1085;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
}

.akfa-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.akfa-back-to-top:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  transform: translateY(-4px);
}

.akfa-mobile-actions {
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 1080;
  min-height: 68px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 6px;
  border-radius: 17px;
  background: rgba(13, 13, 13, 0.96);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(14px);
}

.akfa-mobile-actions__item {
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  border: 0;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}

.akfa-mobile-actions__item>span {
  width: 29px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #111111;
  background: var(--ak-gold);
}

.akfa-mobile-actions__item small {
  color: inherit;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.akfa-mobile-actions__item--whatsapp>span {
  color: #ffffff;
  background: var(--ak-green);
}

.akfa-mobile-actions__item--apply {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.akfa-mobile-actions__item--apply>span {
  color: var(--ak-red);
  background: #ffffff;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1399.98px) {
  .ak-navbar__brand-text {
    display: none;
  }

  .ak-navbar__menu .nav-link {
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-size: 12px;
  }

  .ak-hero__content {
    padding-left: 60px;
  }

  .ak-hero__bottom-inner {
    gap: 20px;
  }
}

@media (max-width: 1199.98px) {
  .ak-navbar>.container {
    min-height: 82px;
    flex-wrap: wrap;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .ak-navbar__brand-text {
    display: flex;
  }

  .ak-navbar__logo {
    width: 65px;
    height: 65px;
    flex-basis: 65px;
  }

  .ak-navbar__toggler {
    display: inline-flex;
  }

  .ak-navbar__collapse {
    width: 100%;
    flex-basis: 100%;
  }

  .ak-navbar__menu {
    gap: 5px;
    max-height: calc(100vh - 220px);
    padding: 16px 14px 8px;
    overflow-y: auto;
    border: 1px solid #ececec;
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
    background: #ffffff;
  }

  .ak-navbar__menu .nav-link {
    min-height: 48px;
    justify-content: flex-start;
    padding: 13px 15px !important;
    font-size: 13px;
  }

  .ak-navbar__dropdown-menu {
    min-width: 100%;
    box-shadow: none;
  }

  .ak-navbar__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 10px 14px 16px;
    border: 1px solid #ececec;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background: #ffffff;
  }

  .ak-navbar__brochure,
  .ak-navbar__apply {
    width: 100%;
  }

  .ak-hero__slide {
    min-height: 700px;
  }

  .ak-hero__content {
    padding-left: 35px;
  }

  .ak-hero__bottom-inner {
    grid-template-columns: auto 1fr auto;
  }

  .ak-hero__bottom-detail:nth-of-type(2),
  .ak-hero__bottom-detail:nth-of-type(3) {
    display: none;
  }

  .akfa-course__heading {
    gap: 35px;
  }

  .akfa-course__content {
    padding: 43px 34px 40px;
  }

  .akfa-about-visual__experience {
    left: -20px;
  }

  .akfa-about-visual__quote {
    right: -5px;
  }
}

@media (max-width: 991.98px) {
  .ak-topbar__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .ak-topbar__contact {
    justify-content: space-between;
  }

  .ak-topbar__admission {
    justify-content: center;
  }

  .ak-hero__slide {
    min-height: 720px;
  }

  .ak-hero__container {
    padding-top: 75px;
    padding-bottom: 150px;
  }

  .ak-hero__slide-number {
    display: none;
  }

  .ak-hero__control {
    display: none;
  }

  .ak-hero__indicators {
    bottom: 116px;
  }

  .akfa-about-section,
  .akfa-course,
  .akfa-dpt-tabs,
  .akfa-collaboration,
  .akfa-apply {
    padding: 75px 0;
  }

  .akfa-about-content {
    padding-left: 0;
  }

  .akfa-course__heading {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 36px;
  }

  .akfa-course__heading>p {
    max-width: 680px;
    margin-left: 0;
  }

  .akfa-course__shell {
    max-width: 760px;
    margin: 0 auto;
  }

  .akfa-course__content::before {
    width: 100%;
    height: 4px;
  }

  .akfa-dpt-tabs__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .akfa-dpt-grid,
  .akfa-dpt-careers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .akfa-dpt-timeline,
  .akfa-dpt-assessment {
    grid-template-columns: 1fr;
  }

  .akfa-apply__info,
  .akfa-apply__form-panel {
    min-height: auto;
  }

  .akfa-apply__info::after,
  .akfa-collaboration__intro::after {
    inset: auto 0 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--ak-gold), var(--ak-red), transparent);
  }

  .akfa-apply__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .akfa-apply__contact {
    margin-top: 28px;
  }

  .akfa-footer__cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .akfa-footer__cta-actions {
    width: 100%;
  }

  .akfa-footer__cta-button {
    flex: 1;
  }

  .akfa-footer__main {
    padding-top: 130px;
  }

  .akfa-footer__bottom {
    grid-template-columns: 1fr 1fr;
  }

  .akfa-footer__bottom-center {
    display: none;
  }

  .akfa-floating-whatsapp {
    display: none;
  }

  .akfa-whatsapp-popup {
    right: 12px;
    bottom: 90px;
    left: 12px;
    width: auto;
    max-width: 390px;
    margin-left: auto;
  }

  .akfa-back-to-top {
    right: 15px;
    bottom: 91px;
  }

  body {
    padding-bottom: 84px;
  }
}

@media (max-width: 767.98px) {
  html {
    scroll-padding-top: 82px;
  }

  .ak-topbar .container,
  .ak-navbar>.container,
  .akfa-about-section .container,
  .akfa-course .container,
  .akfa-dpt-tabs .container,
  .akfa-collaboration .container,
  .akfa-apply .container,
  .akfa-footer__cta-wrap .container,
  .akfa-footer__main .container {
    padding-right: 14px;
    padding-left: 14px;
  }

  .ak-topbar__contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  .ak-topbar__link {
    padding: 7px 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
  }

  .ak-topbar__divider {
    display: none;
  }

  .ak-topbar__link-content strong {
    max-width: 115px;
    font-size: 10px;
  }

  .ak-hero__slide {
    min-height: 760px;
    background-position: center;
  }

  .ak-hero__container .row {
    justify-content: center;
    text-align: center;
  }

  .ak-hero__content {
    max-width: 650px;
    margin: 0 auto;
    padding-right: 12px;
    padding-left: 12px;
    text-align: center;
  }

  .ak-hero__eyebrow {
    justify-content: center;
    font-size: 9px;
    letter-spacing: 1.25px;
  }

  .ak-hero__title {
    font-size: clamp(38px, 11vw, 56px);
    text-align: center;
  }

  .ak-hero__title span::after {
    width: 55px;
    height: 5px;
    display: block;
    margin: 13px auto 0;
  }

  .ak-hero__description {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-left: 0;
    border-top: 3px solid var(--ak-gold);
    border-left: 0;
    font-size: 14px;
    text-align: center;
  }

  .ak-hero__actions {
    justify-content: center;
  }

  .ak-hero__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    gap: 13px;
  }

  .ak-hero__meta-item {
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 12px 7px;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0.28);
    text-align: center;
  }

  .ak-hero__meta-item:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 7px);
    margin: 0 auto;
  }

  .ak-hero__meta-item>div {
    align-items: center;
  }

  .ak-hero__bottom-inner {
    min-height: 84px;
    display: flex;
    justify-content: center;
    gap: 11px;
    text-align: center;
  }

  .ak-hero__bottom-logo {
    width: 50px;
    height: 50px;
  }

  .ak-hero__bottom-button {
    display: none;
  }

  .akfa-stats {
    padding: 10px;
    background: #f7f7f7;
  }

  .akfa-stat-item {
    min-height: 145px;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
  }

  .akfa-counter {
    font-size: 48px;
  }

  .akfa-stat-item p {
    font-size: 9px;
  }

  .akfa-about-section,
  .akfa-course,
  .akfa-dpt-tabs,
  .akfa-collaboration,
  .akfa-apply {
    padding: 62px 0;
  }

  .akfa-about-heading h2,
  .akfa-course__heading h2,
  .akfa-dpt-tabs__heading h2,
  .akfa-apply__heading h2 {
    font-size: clamp(34px, 9vw, 48px);
  }

  .akfa-purpose-grid {
    grid-template-columns: 1fr;
  }

  .akfa-course__visual,
  .akfa-course__image {
    min-height: 520px;
  }

  .akfa-course__programme strong {
    font-size: 78px;
  }

  .akfa-course__content {
    padding: 34px 20px 29px;
  }

  .akfa-course__facts {
    grid-template-columns: 1fr;
  }

  .akfa-course__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .akfa-course__button {
    width: 100%;
  }

  .akfa-dpt-tabs__nav {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .akfa-dpt-panel {
    padding: 30px 20px;
  }

  .akfa-dpt-grid,
  .akfa-dpt-careers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
  }

  .akfa-dpt-card,
  .akfa-dpt-careers article {
    min-height: 120px;
    padding: 15px;
  }

  .akfa-dpt-step {
    grid-template-columns: auto 1fr;
  }

  .akfa-dpt-step>span {
    display: none;
  }

  .akfa-dpt-tabs__bottom {
    align-items: stretch;
    flex-direction: column;
  }

  .akfa-dpt-tabs__bottom a {
    justify-content: center;
    width: 100%;
  }

  .akfa-partner-card {
    min-height: 270px;
  }

  .akfa-partner-card--first {
    border-right: 0;
    border-bottom: 1px solid #e8e8e8;
  }

  .akfa-apply__info {
    padding: 33px 22px 29px;
  }

  .akfa-apply__form-panel {
    padding: 33px 22px 27px;
  }

  .akfa-apply__benefits {
    grid-template-columns: 1fr;
  }

  .akfa-apply__form-heading {
    flex-direction: column;
    gap: 12px;
  }

  .akfa-footer__cta {
    gap: 23px;
    padding: 25px 21px;
    border-radius: 18px;
  }

  .akfa-footer__cta-content {
    align-items: flex-start;
  }

  .akfa-footer__cta-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .akfa-footer__cta-button {
    width: 100%;
  }

  .akfa-footer__brand-badges {
    grid-template-columns: 1fr;
  }

  .akfa-footer__bottom {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 45px;
    text-align: center;
  }

  .akfa-footer__tagline {
    text-align: center;
  }
}

@media (max-width: 399.98px) {
  .ak-topbar__contact {
    grid-template-columns: 1fr;
  }

  .ak-hero__slide {
    min-height: 790px;
  }

  .ak-hero__title {
    font-size: 33px;
  }

  .ak-hero__meta {
    grid-template-columns: 1fr;
    max-width: 280px;
  }

  .ak-hero__meta-item,
  .ak-hero__meta-item:last-child {
    grid-column: auto;
    width: 100%;
  }

  .akfa-dpt-grid,
  .akfa-dpt-careers {
    grid-template-columns: 1fr;
  }

  .akfa-dpt-assessment-card {
    grid-template-columns: 1fr;
  }

  .akfa-apply__submit {
    grid-template-columns: auto 1fr;
  }

  .akfa-apply__submit-arrow {
    display: none;
  }

  .akfa-footer .col-6 {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* =====================================================
   NAVBAR COURSE DROPDOWN ARROW
===================================================== */

.ak-navbar__course-link {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

/* Hide Bootstrap default arrow */
.ak-navbar__course-link.dropdown-toggle::after {
  display: none !important;
}

.ak-navbar__dropdown-arrow {
  width: 12px;
  height: 12px;
  color: currentColor;
  transition:
    transform 0.3s ease,
    color 0.3s ease;
}

/* Rotate arrow when dropdown opens */
.ak-navbar__dropdown .dropdown-toggle.show .ak-navbar__dropdown-arrow,
.ak-navbar__dropdown:hover .ak-navbar__dropdown-arrow {
  color: #f41435;
  transform: rotate(180deg);
}

/* Dropdown menu style */
.ak-navbar__dropdown-menu {
  min-width: 265px;
  margin-top: 12px !important;
  padding: 10px;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 22px 45px rgba(20, 20, 20, 0.14);
}

.ak-navbar__dropdown-menu .dropdown-item {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 10px;
  color: #222222;
  font-size: 12px;
  font-weight: 750;
  text-transform: none;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease;
}

.ak-navbar__dropdown-menu .dropdown-item i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  border-radius: 8px;
  color: #111111;
  background: linear-gradient(135deg, #ffeb72, #f4c430);
  font-size: 12px;
}

.ak-navbar__dropdown-menu .dropdown-item:hover,
.ak-navbar__dropdown-menu .dropdown-item:focus {
  color: #ffffff;
  background: linear-gradient(135deg, #111111, #1a1a1a);
  transform: translateX(4px);
}

.ak-navbar__dropdown-menu .dropdown-item:hover i,
.ak-navbar__dropdown-menu .dropdown-item:focus i {
  color: #ffffff;
  background: linear-gradient(135deg, #f41435, #cf0927);
}

/* Mobile dropdown adjustment */
@media (max-width: 1199.98px) {
  .ak-navbar__course-link {
    justify-content: space-between !important;
    width: 100%;
  }

  .ak-navbar__dropdown-menu {
    width: 100%;
    margin-top: 6px !important;
    padding: 8px;
    border-radius: 12px;
    box-shadow: none;
  }

  .ak-navbar__dropdown-menu .dropdown-item {
    min-height: 42px;
    font-size: 12px;
  }
}

.ak-navbar__course-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.ak-navbar__course-link.dropdown-toggle::after {
  display: none !important;
}

.ak-navbar__dropdown-arrow {
  width: 12px;
  height: 12px;
  color: currentColor;
  transition: transform 0.3s ease, color 0.3s ease;
}

.ak-navbar__course-link.show .ak-navbar__dropdown-arrow {
  color: #f41435;
  transform: rotate(180deg);
}

.ak-navbar__dropdown-menu {
  min-width: 270px;
  margin-top: 12px !important;
  padding: 10px;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 22px 45px rgba(20, 20, 20, 0.14);
}

.ak-navbar__dropdown-menu .dropdown-item {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 10px;
  color: #222222;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
}

.ak-navbar__dropdown-menu .dropdown-item i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  border-radius: 8px;
  color: #111111;
  background: linear-gradient(135deg, #ffeb72, #f4c430);
  font-size: 12px;
}

.ak-navbar__dropdown-menu .dropdown-item:hover {
  color: #ffffff;
  background: linear-gradient(135deg, #111111, #1a1a1a);
  transform: translateX(4px);
}

.ak-navbar__dropdown-menu .dropdown-item:hover i {
  color: #ffffff;
  background: linear-gradient(135deg, #f41435, #cf0927);
}

@media (max-width: 1199.98px) {
  .ak-navbar__course-link {
    width: 100%;
    justify-content: space-between !important;
  }

  .ak-navbar__dropdown-menu {
    width: 100%;
    margin-top: 6px !important;
    padding: 8px;
    border-radius: 12px;
    box-shadow: none;
  }
}



/* =====================================================
   COURSE DROPDOWN HOVER STAY FIX
===================================================== */

.ak-navbar__dropdown {
  position: relative;
}

/* Desktop hover dropdown */
@media (min-width: 1200px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  }

  /* Invisible hover bridge so popup does not close */
  .ak-navbar__dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 18px;
    background: transparent;
  }

  .ak-navbar__dropdown:hover .ak-navbar__dropdown-menu,
  .ak-navbar__dropdown:focus-within .ak-navbar__dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(8px);
  }

  .ak-navbar__dropdown:hover>.nav-link,
  .ak-navbar__dropdown:focus-within>.nav-link {
    color: #111111;
    background: linear-gradient(135deg, rgba(244, 196, 48, 0.16), rgba(244, 20, 53, 0.04));
  }

  .ak-navbar__dropdown:hover>.nav-link::after,
  .ak-navbar__dropdown:focus-within>.nav-link::after {
    transform: scaleX(1);
  }

  .ak-navbar__dropdown:hover .ak-navbar__course-arrow,
  .ak-navbar__dropdown:focus-within .ak-navbar__course-arrow {
    transform: rotate(180deg);
  }
}

/* Course arrow icon */
.ak-navbar__course-arrow {
  width: 13px;
  height: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  color: var(--ak-red);
  transition: transform 0.25s ease;
}

.ak-navbar__course-arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* =====================================================
   COURSE DROPDOWN ONLY ON HOVER
===================================================== */

.ak-navbar__dropdown {
  position: relative;
}

.ak-navbar__course-link {
  gap: 5px;
}

.ak-navbar__course-arrow {
  width: 13px;
  height: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ak-red);
  transition: transform 0.25s ease;
}

.ak-navbar__course-arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Desktop hover only */
@media (min-width: 1200px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px);
    transition:
      opacity 0.25s ease,
      transform 0.25s ease,
      visibility 0.25s ease;
  }

  /* Hover bridge so popup does not disappear */
  .ak-navbar__dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 18px;
    background: transparent;
  }

  .ak-navbar__dropdown:hover .ak-navbar__dropdown-menu,
  .ak-navbar__dropdown:focus-within .ak-navbar__dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(8px);
  }

  .ak-navbar__dropdown:hover>.nav-link,
  .ak-navbar__dropdown:focus-within>.nav-link {
    color: #111111;
    background: linear-gradient(135deg,
        rgba(244, 196, 48, 0.16),
        rgba(244, 20, 53, 0.04));
  }

  .ak-navbar__dropdown:hover>.nav-link::after,
  .ak-navbar__dropdown:focus-within>.nav-link::after {
    transform: scaleX(1);
  }

  .ak-navbar__dropdown:hover .ak-navbar__course-arrow,
  .ak-navbar__dropdown:focus-within .ak-navbar__course-arrow {
    transform: rotate(180deg);
  }
}

/* Mobile: keep dropdown visible inside opened menu */
@media (max-width: 1199.98px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: block;
    position: static;
    min-width: 100%;
    margin-top: 6px;
    box-shadow: none;
  }

  .ak-navbar__course-arrow {
    transform: rotate(180deg);
  }
}

/* Footer */
.ak-footer {
  position: relative;
  padding-top: 70px;
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(244, 196, 48, .09), transparent 27%),
    linear-gradient(135deg, #080808, #121212 52%, #070707);
}

.ak-footer-cta {
  min-height: 135px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 25px 28px;
  border: 1px solid rgba(244, 196, 48, .34);
  border-radius: 20px;
  background: linear-gradient(135deg, #181818, #090909);
  box-shadow: 0 28px 65px rgba(0, 0, 0, .38);
}

.ak-footer-cta>div {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ak-footer-cta>div:first-child>i {
  width: 61px;
  height: 61px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: #111;
  background: var(--ak-gold);
  font-size: 24px;
}

.ak-footer-cta span {
  display: flex;
  flex-direction: column;
}

.ak-footer-cta small {
  color: var(--ak-gold);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.ak-footer-cta strong {
  font-family: var(--ak-font-title);
  font-size: clamp(27px, 3vw, 40px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.ak-footer-main {
  padding-top: 70px;
}

.ak-footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.ak-footer-brand img {
  width: 100px;
  height: 72px;
  object-fit: contain;
}

.ak-footer-brand span {
  display: flex;
  flex-direction: column;
}

.ak-footer-brand strong {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}

.ak-footer-brand small {
  color: var(--ak-gold);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.ak-footer-main>div:first-child p {
  max-width: 430px;
  margin: 19px 0 0;
  padding-left: 15px;
  border-left: 3px solid var(--ak-gold);
  color: rgba(255, 255, 255, .54);
  font-size: 13px;
  line-height: 1.7;
}

.ak-footer-socials {
  display: flex;
  gap: 8px;
  margin-top: 22px;
}

.ak-footer-socials a {
  width: 41px;
  height: 41px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 10px;
  color: #fff;
  background: rgba(255, 255, 255, .045);
}

.ak-footer-socials a:hover {
  color: #111;
  background: var(--ak-gold);
  transform: translateY(-4px) rotate(-4deg);
}

.ak-footer h3 {
  margin: 7px 0 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}

.ak-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ak-footer li {
  margin-bottom: 11px;
}

.ak-footer li a {
  color: rgba(255, 255, 255, .55);
  font-size: 11px;
  font-weight: 650;
  text-decoration: none;
}

.ak-footer li a:hover {
  color: var(--ak-gold);
  padding-left: 4px;
}

.ak-footer-contact li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
}

.ak-footer-contact li>i {
  width: 37px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111;
  background: var(--ak-gold);
}

.ak-footer-contact span {
  display: flex;
  flex-direction: column;
}

.ak-footer-contact small {
  color: rgba(255, 255, 255, .42);
  font-size: 9px;
  text-transform: uppercase;
}

.ak-footer-contact strong,
.ak-footer-contact a {
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.ak-footer-bottom {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, .09);
}

.ak-footer-bottom p {
  margin: 0;
  color: rgba(255, 255, 255, .46);
  font-size: 10px;
}

.ak-footer-bottom p:last-child {
  color: var(--ak-gold);
  font-weight: 800;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .ak-footer-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .ak-footer {
    padding-top: 55px;
  }

  .ak-footer-cta {
    padding: 22px 19px;
  }

  .ak-footer-cta>div:last-child {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .ak-footer-cta .ak-btn {
    width: 100%;
  }

  .ak-footer-main {
    padding-top: 55px;
  }

  .ak-footer-bottom {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 17px 0;
    text-align: center;
  }
}

/* =====================================================
   AK FITNESS ACADEMY — FONT SIZE FIX
   Paste this at the very bottom of your CSS file
===================================================== */

body {
  font-size: 14px;
  line-height: 1.6;
}

/* Normal paragraph text */
p,
.akfa-about-copy p,
.akfa-course__heading>p,
.akfa-course__content-top>p,
.akfa-dpt-tabs__heading p,
.akfa-dpt-panel__intro p,
.akfa-apply__heading>p,
.akfa-apply__info-top>p,
.akfa-footer__brand>p {
  font-size: 14px;
  line-height: 1.75;
}

/* Navbar readable font size */
.ak-navbar__menu .nav-link {
  font-size: 14px;
}

.ak-navbar__dropdown-menu .dropdown-item strong {
  font-size: 13px;
}

.ak-navbar__dropdown-menu .dropdown-item small {
  font-size: 11px;
}

/* Buttons */
.ak-hero__btn,
.ak-topbar__apply,
.ak-navbar__apply,
.ak-navbar__brochure strong,
.akfa-course__button,
.akfa-dpt-tabs__bottom a,
.akfa-footer__cta-button,
.akfa-whatsapp-popup__button strong {
  font-size: 12px;
}

/* Small labels / eyebrow text */
.ak-hero__eyebrow,
.akfa-about-heading__tag,
.akfa-course__tag,
.akfa-dpt-tabs__tag,
.akfa-apply__heading-tag,
.akfa-course__content-label,
.akfa-collaboration__tag,
.akfa-apply__eyebrow,
.akfa-footer__cta-content small,
.akfa-footer__column h3 {
  font-size: 11px;
}

/* All small text minimum readable */
small,
.ak-topbar__link-content small,
.ak-topbar__admission-content small,
.ak-navbar__brand-text small,
.ak-navbar__brochure small,
.ak-hero__meta-item small,
.ak-hero__bottom-copy span,
.ak-hero__bottom-detail small,
.akfa-course-fact small,
.akfa-course__eligibility small,
.akfa-dpt-panel__intro small,
.akfa-dpt-step small,
.akfa-dpt-assessment-card small,
.akfa-dpt-note span,
.akfa-apply-benefit small,
.akfa-apply__contact small,
.akfa-apply__form-heading>div:first-child>span,
.akfa-form-field .form-label,
.akfa-apply__consent .form-check-label,
.akfa-apply__submit-text small,
.akfa-apply__note p,
.akfa-footer__brand-name small,
.akfa-footer__brand-badges small,
.akfa-footer__contact-list small,
.akfa-footer__bottom p,
.akfa-footer__bottom-center,
.akfa-whatsapp-popup__profile p,
.akfa-whatsapp-popup__date,
.akfa-whatsapp-popup__quick-title,
.akfa-whatsapp-popup__quick,
.akfa-whatsapp-popup__footer>p,
.akfa-mobile-actions__item small {
  font-size: 11px;
  line-height: 1.45;
}

/* Card titles and important text */
.akfa-purpose-card__content>span,
.akfa-course-fact strong,
.akfa-course__eligibility h4,
.akfa-dpt-card h4,
.akfa-dpt-careers article h4,
.akfa-dpt-step h4,
.akfa-dpt-assessment-card h4,
.akfa-apply-benefit strong,
.akfa-apply__contact a,
.akfa-footer__column a,
.akfa-footer__contact-list a,
.akfa-footer__contact-list strong {
  font-size: 13px;
}

/* Footer text */
.akfa-footer__column a {
  font-size: 13px;
}

.akfa-footer__brand-badges strong {
  font-size: 12px;
}

.akfa-footer__contact-list a,
.akfa-footer__contact-list strong {
  font-size: 12px;
}

/* WhatsApp popup */
.akfa-whatsapp-popup__profile h3 {
  font-size: 15px;
}

.akfa-whatsapp-popup__message p {
  font-size: 13px;
}

.akfa-floating-whatsapp__text small {
  font-size: 10px;
}

.akfa-floating-whatsapp__text strong {
  font-size: 13px;
}

/* Form fields */
.akfa-form-control .form-control,
.akfa-form-control .form-select {
  font-size: 14px;
}

.akfa-form-field .invalid-feedback {
  font-size: 11px;
}

.akfa-apply__submit-text strong {
  font-size: 13px;
}

/* Section headings */
.akfa-about-heading h2,
.akfa-course__heading h2,
.akfa-dpt-tabs__heading h2,
.akfa-apply__heading h2 {
  font-size: clamp(38px, 4.4vw, 62px);
}

/* Hero heading */
.ak-hero__title {
  font-size: clamp(44px, 5vw, 78px);
}

.ak-hero__description {
  font-size: 16px;
}

/* Mobile font adjustments */
@media (max-width: 767.98px) {
  body {
    font-size: 13px;
  }

  p,
  .akfa-about-copy p,
  .akfa-course__heading>p,
  .akfa-course__content-top>p,
  .akfa-dpt-tabs__heading p,
  .akfa-dpt-panel__intro p,
  .akfa-apply__heading>p,
  .akfa-apply__info-top>p,
  .akfa-footer__brand>p {
    font-size: 13px;
    line-height: 1.7;
  }

  .ak-navbar__menu .nav-link {
    font-size: 13px;
  }

  small,
  .ak-topbar__link-content small,
  .ak-topbar__admission-content small,
  .ak-navbar__brand-text small,
  .ak-navbar__brochure small,
  .ak-hero__meta-item small,
  .akfa-course-fact small,
  .akfa-course__eligibility small,
  .akfa-apply-benefit small,
  .akfa-footer__bottom p,
  .akfa-mobile-actions__item small {
    font-size: 10px;
  }

  .ak-hero__title {
    font-size: clamp(36px, 10vw, 52px);
  }

  .akfa-about-heading h2,
  .akfa-course__heading h2,
  .akfa-dpt-tabs__heading h2,
  .akfa-apply__heading h2 {
    font-size: clamp(32px, 8.5vw, 46px);
  }

  .ak-hero__description {
    font-size: 14px;
  }

  .ak-hero__btn,
  .akfa-course__button,
  .akfa-footer__cta-button {
    font-size: 11px;
  }

  .akfa-form-control .form-control,
  .akfa-form-control .form-select {
    font-size: 13px;
  }

  .akfa-whatsapp-popup__message p {
    font-size: 12px;
  }
}

/* Very small mobile */
@media (max-width: 399.98px) {
  .ak-hero__title {
    font-size: 32px;
  }

  .akfa-about-heading h2,
  .akfa-course__heading h2,
  .akfa-dpt-tabs__heading h2,
  .akfa-apply__heading h2 {
    font-size: 30px;
  }

  .ak-navbar__brand-text strong {
    font-size: 13px;
  }

  .ak-topbar__link-content strong {
    font-size: 11px;
  }
}

/* =====================================================
   COURSE PAGE WHATSAPP STICKY FIX
===================================================== */

.akfa-whatsapp-popup[hidden] {
  display: none !important;
}

/* Floating WhatsApp Button */
.akfa-floating-whatsapp {
  position: fixed;
  right: 26px;
  bottom: 27px;
  z-index: 1090;
  min-width: 174px;
  height: 61px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 17px 8px 8px;
  border: 0;
  border-radius: 50px;
  color: #ffffff;
  background: linear-gradient(135deg, #119447, #20bd62);
  box-shadow: 0 17px 40px rgba(16, 148, 71, 0.35);
  cursor: pointer;
}

.akfa-floating-whatsapp:hover {
  color: #ffffff;
  transform: translateY(-5px);
}

.akfa-floating-whatsapp>i {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #15984b;
  background: #ffffff;
  font-size: 20px;
}

.akfa-floating-whatsapp>span {
  display: flex;
  flex-direction: column;
  gap: 1px;
  text-align: left;
}

.akfa-floating-whatsapp small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.akfa-floating-whatsapp strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-floating-whatsapp>b {
  position: absolute;
  top: -2px;
  right: 5px;
  width: 12px;
  height: 12px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: var(--ak-gold);
}

.akfa-floating-whatsapp>b::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(244, 196, 48, 0.72);
  border-radius: 50%;
  animation: akfaWhatsappPulse 1.8s infinite;
}

@keyframes akfaWhatsappPulse {
  0% {
    opacity: 0.8;
    transform: scale(0.7);
  }

  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}

/* WhatsApp Popup */
.akfa-whatsapp-popup {
  position: fixed;
  right: 26px;
  bottom: 101px;
  z-index: 1100;
  width: min(370px, calc(100vw - 30px));
  overflow: hidden;
  border-radius: 21px;
  background: #ffffff;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
  animation: akfaWhatsappOpen 0.32s ease both;
}

@keyframes akfaWhatsappOpen {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.akfa-whatsapp-popup__header {
  min-height: 89px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 14px 15px;
  color: #ffffff;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.21), transparent 40%),
    linear-gradient(135deg, #121212, #080808);
}

.akfa-whatsapp-popup__header>div {
  display: flex;
  align-items: center;
  gap: 11px;
}

.akfa-whatsapp-popup__logo {
  position: relative;
  width: 57px;
  height: 57px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 57px;
  padding: 5px;
  border: 2px solid rgba(244, 196, 48, 0.65);
  border-radius: 15px;
  background: #ffffff;
}

.akfa-whatsapp-popup__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.akfa-whatsapp-popup__logo b {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 13px;
  height: 13px;
  border: 3px solid #111111;
  border-radius: 50%;
  background: #20bd62;
}

.akfa-whatsapp-popup__header h3 {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 950;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__header p {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__header p b {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #20bd62;
}

#akfaWhatsAppClose {
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.07);
}

#akfaWhatsAppClose:hover {
  color: #ffffff;
  background: var(--ak-red);
}

.akfa-whatsapp-popup__body {
  padding: 21px 17px 17px;
  background:
    linear-gradient(rgba(246, 246, 242, 0.92), rgba(246, 246, 242, 0.92)),
    radial-gradient(circle, rgba(20, 20, 20, 0.05) 1px, transparent 1px);
  background-size: auto, 17px 17px;
}

.akfa-whatsapp-popup__body>small {
  display: block;
  width: fit-content;
  margin: 0 auto 13px;
  padding: 5px 10px;
  border-radius: 50px;
  color: #777777;
  background: #ffffff;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__message {
  max-width: 90%;
  padding: 14px 15px 11px;
  border-radius: 5px 14px 14px 14px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.08);
}

.akfa-whatsapp-popup__message p {
  margin: 0 0 8px;
  color: #4c4c4c;
  font-size: 12px;
  line-height: 1.58;
}

.akfa-whatsapp-popup__body>p {
  margin: 17px 0 9px;
  color: #777777;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__quick-options {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.akfa-whatsapp-popup__quick-options button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 33px;
  padding: 7px 10px;
  border: 1px solid #dddddd;
  border-radius: 50px;
  color: #464646;
  background: #ffffff;
  font-size: 9px;
  font-weight: 750;
}

.akfa-whatsapp-popup__quick-options button i {
  color: #15984b;
}

.akfa-whatsapp-popup__quick-options button:hover,
.akfa-whatsapp-popup__quick-options button.is-selected {
  color: #ffffff;
  border-color: #15984b;
  background: #15984b;
}

.akfa-whatsapp-popup__quick-options button:hover i,
.akfa-whatsapp-popup__quick-options button.is-selected i {
  color: #ffffff;
}

.akfa-whatsapp-popup__footer {
  padding: 14px 16px 13px;
  background: #ffffff;
}

#akfaWhatsAppStart {
  width: 100%;
  min-height: 52px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 11px;
  color: #ffffff;
  background: linear-gradient(135deg, #119447, #20bd62);
  text-decoration: none;
}

#akfaWhatsAppStart:hover {
  color: #ffffff;
  transform: translateY(-3px);
}

#akfaWhatsAppStart i:first-child {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #15984b;
  background: #ffffff;
}

#akfaWhatsAppStart strong {
  color: #ffffff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.akfa-whatsapp-popup__footer>p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 9px 0 0;
  color: #999999;
  font-size: 8px;
}

/* Back To Top */
.akfa-back-to-top {
  position: fixed;
  right: 28px;
  bottom: 98px;
  z-index: 1085;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
}

.akfa-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.akfa-back-to-top:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

/* Mobile Bottom Bar */
.akfa-mobile-actions {
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 1080;
  min-height: 68px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 6px;
  border-radius: 17px;
  background: rgba(13, 13, 13, 0.96);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(14px);
}

.akfa-mobile-actions a,
.akfa-mobile-actions button {
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  border: 0;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.78);
  background: transparent;
  text-decoration: none;
}

.akfa-mobile-actions a:nth-child(3) {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.akfa-mobile-actions i {
  width: 29px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #111111;
  background: var(--ak-gold);
}

.akfa-mobile-actions button i {
  color: #ffffff;
  background: #15984b;
}

.akfa-mobile-actions a:nth-child(3) i {
  color: var(--ak-red);
  background: #ffffff;
}

.akfa-mobile-actions small {
  color: inherit;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .akfa-mobile-actions {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .akfa-floating-whatsapp {
    display: none;
  }

  .akfa-whatsapp-popup {
    right: 12px;
    bottom: 90px;
    left: 12px;
    width: auto;
    max-width: 390px;
    margin-left: auto;
  }

  .akfa-back-to-top {
    right: 15px;
    bottom: 91px;
  }

  body {
    padding-bottom: 84px;
  }
}


/* Course-curriculum-css */

/* =====================================================
       COURSE CURRICULUM PAGE FIXES
       These styles make this page independent of index-only CSS.
       Issue fixed: the page was using .ak-section, .ak-heading,
       .ak-tag and .ak-btn classes, but those classes were missing
       in some style.css versions. Because of that, the curriculum
       module cards became white cards with white text.
    ===================================================== */

.reveal {
  opacity: 1;
  transform: none;
}

.ak-section {
  position: relative;
  overflow: hidden;
  padding: 96px 0;
}

.ak-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .26;
  background-image:
    linear-gradient(rgba(30, 30, 30, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 30, 30, .025) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-section>.container {
  position: relative;
  z-index: 2;
}

.ak-section--light {
  color: #242424;
  background:
    radial-gradient(circle at 5% 10%, rgba(244, 196, 48, .11), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(244, 20, 53, .07), transparent 28%),
    #f8f8f6;
}

.ak-section--light-alt {
  color: #242424;
  background:
    radial-gradient(circle at 95% 10%, rgba(244, 196, 48, .10), transparent 25%),
    #ffffff;
}

.ak-section--dark {
  color: #ffffff;
  background:
    radial-gradient(circle at 8% 14%, rgba(244, 196, 48, .12), transparent 24%),
    radial-gradient(circle at 94% 88%, rgba(244, 20, 53, .09), transparent 28%),
    linear-gradient(135deg, #080808 0%, #141414 52%, #080808 100%);
}

.ak-heading {
  position: relative;
}

.ak-heading--center {
  max-width: 840px;
  margin: 0 auto 48px;
  text-align: center;
}

.ak-heading h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-heading, var(--ak-font-title, "Barlow Condensed", sans-serif));
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 900;
  letter-spacing: -2px;
  line-height: .98;
  text-transform: uppercase;
}

.ak-section--dark .ak-heading h2 {
  color: #ffffff;
}

.ak-heading h2 em {
  display: inline-block;
  color: var(--ak-red);
  font-style: normal;
  font-weight: 900;
}

.ak-heading>p {
  max-width: 720px;
  margin: 18px auto 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.75;
}

.ak-section--dark .ak-heading>p {
  color: rgba(255, 255, 255, .64);
}

.ak-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  color: var(--ak-red);
  font-family: var(--ak-body, var(--ak-font-body, "Inter", sans-serif));
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.ak-section--dark .ak-tag,
.ak-page-hero .ak-tag,
.ak-practical-content .ak-tag {
  color: var(--ak-gold);
}

.ak-tag>i {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 14px;
  box-shadow: 0 8px 20px rgba(244, 196, 48, .20);
}

.ak-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 20px;
  border: 0;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .45px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .12);
}

.ak-btn:hover {
  transform: translateY(-3px);
}

.ak-btn--red {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.ak-btn--red:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-btn--gold {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-btn--gold:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.ak-btn--whatsapp {
  color: #ffffff;
  background: linear-gradient(135deg, #119447, #20bd62);
}

.ak-btn--whatsapp:hover {
  color: #ffffff;
  background: linear-gradient(135deg, #0e7b3c, #1cad59);
}

#modules {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 8% 14%, rgba(244, 196, 48, .12), transparent 24%),
    radial-gradient(circle at 94% 88%, rgba(244, 20, 53, .09), transparent 28%),
    linear-gradient(135deg, #080808 0%, #141414 52%, #080808 100%) !important;
}

#modules .ak-heading h2,
#modules .ak-module-card-full h3,
#modules .ak-module-card-full li {
  color: #ffffff !important;
}

#modules .ak-heading>p,
#modules .ak-module-card-full p {
  color: rgba(255, 255, 255, .64) !important;
}

.ak-page-hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  display: flex;
  align-items: center;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .82) 42%, rgba(0, 0, 0, .5)),
    url("https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=1920&q=88") center/cover no-repeat;
}

.ak-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-page-hero::after {
  content: "CURRICULUM";
  position: absolute;
  right: -22px;
  bottom: -34px;
  color: rgba(255, 255, 255, .045);
  font-family: var(--ak-heading, var(--ak-font-title, "Barlow Condensed", sans-serif));
  font-size: clamp(78px, 12vw, 190px);
  font-weight: 900;
  letter-spacing: -5px;
  line-height: .8;
  pointer-events: none;
}

.ak-page-hero__shape {
  position: absolute;
  top: -210px;
  left: -285px;
  width: 500px;
  height: 980px;
  background: linear-gradient(160deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
}

.ak-page-hero .container {
  position: relative;
  z-index: 2;
}

.ak-page-hero__content {
  max-width: 880px;
  padding: 95px 0;
}

.ak-page-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
  padding: 9px 13px;
  border: 1px solid rgba(244, 196, 48, .3);
  border-radius: 50px;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(10px);
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .55px;
  text-transform: uppercase;
}

.ak-page-breadcrumb a {
  color: var(--ak-gold);
  text-decoration: none;
}

.ak-page-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(46px, 6vw, 88px);
  font-weight: 900;
  letter-spacing: -2px;
  line-height: .98;
  text-transform: uppercase;
}

.ak-page-hero h1 em {
  display: block;
  color: var(--ak-gold);
  font-style: normal;
}

.ak-page-hero p {
  max-width: 730px;
  margin: 25px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  line-height: 1.78;
}

.ak-page-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 33px;
}

.ak-curriculum-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.ak-summary-card {
  position: relative;
  min-height: 178px;
  overflow: hidden;
  padding: 24px 22px;
  border: 1px solid rgba(20, 20, 20, .09);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(20, 20, 20, .08);
  transition: .35s ease;
}

.ak-summary-card::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: .35s ease;
}

.ak-summary-card:hover {
  background: #111;
  transform: translateY(-7px);
  box-shadow: 0 28px 60px rgba(0, 0, 0, .22);
}

.ak-summary-card:hover::after {
  right: 0;
  left: 0;
}

.ak-summary-card i {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 14px;
  color: #111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 20px;
}

.ak-summary-card small {
  display: block;
  color: var(--ak-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ak-summary-card strong {
  display: block;
  margin-top: 7px;
  color: #111;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.3;
  text-transform: uppercase;
}

.ak-summary-card p {
  margin: 10px 0 0;
  color: #707070;
  font-size: 13px;
  line-height: 1.6;
}

.ak-summary-card:hover small,
.ak-summary-card:hover strong,
.ak-summary-card:hover p {
  color: #fff;
}

.ak-summary-card:hover small {
  color: var(--ak-gold);
}

.ak-module-card-full {
  position: relative;
  height: 100%;
  min-height: 292px;
  overflow: hidden;
  padding: 24px 22px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, .06), transparent 34%),
    linear-gradient(145deg, #171717, #0b0b0b);
  box-shadow: 0 17px 40px rgba(0, 0, 0, .24);
  transition: .35s ease;
}

.ak-module-card-full::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: .35s ease;
}

.ak-module-card-full::after {
  content: attr(data-number);
  position: absolute;
  right: 18px;
  bottom: -17px;
  color: rgba(255, 255, 255, .055);
  font-family: var(--ak-heading, var(--ak-font-title, "Barlow Condensed", sans-serif));
  font-size: 84px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}

.ak-module-card-full:hover {
  border-color: rgba(244, 196, 48, .48);
  background: linear-gradient(145deg, rgba(244, 196, 48, .12), rgba(255, 255, 255, .035));
  transform: translateY(-8px);
  box-shadow: 0 28px 60px rgba(0, 0, 0, .36);
}

.ak-module-card-full:hover::before {
  right: 0;
  left: 0;
}

.ak-module-card-full__top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 18px;
}

.ak-module-card-full__top i {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  border-radius: 14px;
  color: #111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 20px;
  transition: .35s ease;
}

.ak-module-card-full:hover .ak-module-card-full__top i {
  color: #fff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(-7deg) scale(1.06);
}

.ak-module-card-full__top span {
  padding: 6px 10px;
  border: 1px solid rgba(244, 196, 48, .3);
  border-radius: 50px;
  color: var(--ak-gold);
  background: rgba(244, 196, 48, .08);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
}

.ak-module-card-full h3 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.ak-module-card-full p {
  position: relative;
  z-index: 2;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .62);
  font-size: 14px;
  line-height: 1.65;
}

.ak-module-card-full ul {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 8px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}

.ak-module-card-full li {
  display: flex;
  gap: 8px;
  color: rgba(255, 255, 255, .74);
  font-size: 13px;
  line-height: 1.5;
}

.ak-module-card-full li i {
  color: var(--ak-gold);
  margin-top: 2px;
  flex: 0 0 auto;
}

.ak-practical-shell {
  overflow: hidden;
  border: 1px solid rgba(15, 15, 15, .09);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 35px 80px rgba(20, 20, 20, .14);
}

.ak-practical-visual {
  position: relative;
  min-height: 585px;
  height: 100%;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .88)),
    url("https://images.unsplash.com/photo-1599058917212-d750089bc07e?auto=format&fit=crop&w=1200&q=88") center/cover no-repeat;
}

.ak-practical-visual>div {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
}

.ak-practical-visual small,
.ak-practical-content .ak-tag {
  color: var(--ak-gold);
}

.ak-practical-visual h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 5vw, 72px);
  font-weight: 900;
  letter-spacing: -2px;
  line-height: .95;
  text-transform: uppercase;
}

.ak-practical-content {
  height: 100%;
  padding: 48px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, .12), transparent 32%),
    linear-gradient(145deg, #151515, #080808);
}

.ak-practical-content h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 900;
  letter-spacing: -1.6px;
  line-height: 1.02;
  text-transform: uppercase;
}

.ak-practical-content h2 em {
  display: block;
  color: var(--ak-red);
  font-style: normal;
}

.ak-practical-content>p {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, .62);
  font-size: 14px;
  line-height: 1.75;
}

.ak-practical-list {
  display: grid;
  gap: 13px;
  margin-top: 28px;
}

.ak-practical-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 15px;
  background: rgba(255, 255, 255, .045);
  transition: .35s ease;
}

.ak-practical-item:hover {
  border-color: rgba(244, 196, 48, .45);
  background: rgba(244, 196, 48, .08);
  transform: translateX(6px);
}

.ak-practical-item>i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-practical-item h4 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
}

.ak-practical-item p {
  margin: 0;
  color: rgba(255, 255, 255, .58);
  font-size: 13px;
  line-height: 1.55;
}

.ak-assessment-card {
  height: 100%;
  padding: 24px;
  border: 1px solid rgba(20, 20, 20, .09);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(20, 20, 20, .08);
  transition: .35s ease;
}

.ak-assessment-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 60px rgba(20, 20, 20, .14);
}

.ak-assessment-card i {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 14px;
  color: #111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 20px;
}

.ak-assessment-card h3 {
  margin: 0;
  color: #111;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
}

.ak-assessment-card p {
  margin: 12px 0 0;
  color: #666;
  font-size: 14px;
  line-height: 1.65;
}

.ak-course-page-cta {
  position: relative;
  overflow: hidden;
  margin-top: 48px;
  padding: 34px;
  border: 1px solid rgba(244, 196, 48, .34);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, .14), transparent 35%),
    linear-gradient(135deg, #181818, #090909);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .26);
}

.ak-course-page-cta::after {
  content: "DPT";
  position: absolute;
  right: 20px;
  bottom: -32px;
  color: rgba(255, 255, 255, .05);
  font-family: var(--ak-heading, var(--ak-font-title, "Barlow Condensed", sans-serif));
  font-size: 136px;
  font-weight: 900;
  line-height: 1;
}

.ak-course-page-cta__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.ak-course-page-cta small {
  display: block;
  margin-bottom: 8px;
  color: var(--ak-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.ak-course-page-cta h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  letter-spacing: -1.7px;
  line-height: 1;
  text-transform: uppercase;
}

.ak-course-page-cta h2 em {
  color: var(--ak-red);
  font-style: normal;
}

.ak-course-page-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 1199.98px) {
  .ak-curriculum-summary {
    grid-template-columns: repeat(2, 1fr);
  }

  .ak-course-page-cta__inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 991.98px) {
  .ak-page-hero {
    min-height: auto;
  }

  .ak-page-hero__content {
    padding: 76px 0;
  }

  .ak-practical-visual {
    min-height: 430px;
  }

  .ak-practical-content {
    padding: 38px 28px;
  }
}

@media (max-width: 767.98px) {
  .ak-page-hero {
    text-align: center;
  }

  .ak-page-hero__shape {
    left: -350px;
  }

  .ak-page-hero__content {
    padding: 66px 0;
  }

  .ak-page-hero h1 {
    font-size: clamp(38px, 11vw, 56px);
  }

  .ak-page-hero p {
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-left: 0;
    border-top: 3px solid var(--ak-red);
    border-left: 0;
    font-size: 14px;
  }

  .ak-page-hero__actions {
    justify-content: center;
  }

  .ak-page-hero__actions .ak-btn,
  .ak-course-page-cta__actions .ak-btn {
    width: 100%;
  }

  .ak-curriculum-summary {
    grid-template-columns: 1fr;
  }

  .ak-module-card-full {
    min-height: auto;
    padding: 22px 19px;
  }

  .ak-module-card-full h3 {
    font-size: 18px;
  }

  .ak-practical-content {
    padding: 32px 22px;
  }

  .ak-practical-item {
    grid-template-columns: 1fr;
  }

  .ak-course-page-cta {
    padding: 28px 20px;
  }

  .ak-course-page-cta__actions {
    width: 100%;
  }
}


/* =====================================================
   ABOUT PAGE — PREMIUM RESPONSIVE DESIGN
===================================================== */

.ak-about-page {
  overflow: hidden;
  background: #ffffff;
}

.ak-about-page .container {
  position: relative;
  z-index: 2;
}

.ak-about-hero {
  position: relative;
  overflow: hidden;
  padding: 110px 0 95px;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 18%, rgba(244, 196, 48, 0.18), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(244, 20, 53, 0.16), transparent 30%),
    linear-gradient(135deg, #080808 0%, #151515 54%, #090909 100%);
}

.ak-about-hero::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -220px;
  width: 420px;
  height: 760px;
  background: linear-gradient(155deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
  opacity: 0.95;
}

.ak-about-hero::after {
  content: "ABOUT";
  position: absolute;
  right: -28px;
  bottom: -38px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: clamp(95px, 14vw, 210px);
  font-weight: 900;
  letter-spacing: -5px;
  line-height: 0.8;
  pointer-events: none;
}

.ak-about-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.25;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 50px 50px;
}

.ak-about-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
}

.ak-about-breadcrumb a,
.ak-about-breadcrumb span,
.ak-about-breadcrumb i {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.ak-about-breadcrumb a:hover,
.ak-about-breadcrumb span {
  color: var(--ak-gold);
}

.ak-about-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.ak-about-eyebrow i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-about-eyebrow--dark {
  color: var(--ak-red);
}

.ak-about-hero__content h1 {
  max-width: 790px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(46px, 6vw, 86px);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 0.98;
  text-transform: uppercase;
}

.ak-about-hero__content h1 strong {
  display: block;
  margin-top: 7px;
  color: var(--ak-gold);
  font-weight: 900;
}

.ak-about-hero__content p {
  max-width: 690px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, 0.74);
  font-size: 17px;
  line-height: 1.78;
}

.ak-about-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.ak-about-hero__card {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.15), transparent 38%),
    rgba(255, 255, 255, 0.075);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
}

.ak-about-hero__card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.ak-about-hero__logo {
  width: 92px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 22px;
  border: 1px solid rgba(244, 196, 48, 0.35);
  border-radius: 22px;
  background: #050505;
}

.ak-about-hero__logo img {
  width: 100%;
  height: 100%;
  padding: 6px;
  object-fit: contain;
}

.ak-about-hero__card>span {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ak-about-hero__card h2 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.02;
  text-transform: uppercase;
}

.ak-about-hero__card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.7;
}

.ak-about-hero__badge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 25px;
}

.ak-about-hero__badge-grid div {
  min-height: 95px;
  padding: 16px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
}

.ak-about-hero__badge-grid strong {
  display: block;
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
}

.ak-about-hero__badge-grid small {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.ak-about-section-premium,
.ak-about-mission-section,
.ak-about-difference-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 8% 10%, rgba(244, 196, 48, 0.11), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(244, 20, 53, 0.08), transparent 28%),
    var(--ak-light);
}

.ak-about-section-premium::before,
.ak-about-mission-section::before,
.ak-about-difference-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), transparent);
}

.ak-about-image-card {
  position: relative;
  max-width: 530px;
  margin: 0 auto;
  padding: 12px 24px 44px 0;
}

.ak-about-image-card::before {
  content: "";
  position: absolute;
  top: 44px;
  right: 0;
  bottom: 8px;
  left: 44px;
  z-index: 0;
  border-radius: 28px 8px;
  background: linear-gradient(145deg, var(--ak-gold), var(--ak-gold-light));
  box-shadow: 0 25px 60px rgba(244, 196, 48, 0.22);
  transform: rotate(2deg);
}

.ak-about-image-card picture,
.ak-about-image-card img {
  position: relative;
  z-index: 1;
  display: block;
}

.ak-about-image-card picture {
  overflow: hidden;
  padding: 8px;
  border-radius: 28px 8px;
  background: #ffffff;
  box-shadow: 0 30px 70px rgba(20, 20, 20, 0.18);
}

.ak-about-image-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 22px 5px;
  object-fit: cover;
  object-position: center 18%;
}

.ak-about-image-card:hover img {
  transform: scale(1.035);
}

.ak-about-image-card__label {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(310px, calc(100% - 20px));
  padding: 16px 18px;
  border: 1px solid rgba(244, 196, 48, 0.27);
  border-radius: 17px;
  background: #101010;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25);
}

.ak-about-image-card__label i {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  border-radius: 13px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-about-image-card__label span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ak-about-image-card__label small {
  color: rgba(255, 255, 255, 0.54);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ak-about-image-card__label strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}

.ak-about-story h2,
.ak-about-heading h2,
.ak-about-founder-content h2,
.ak-about-cta h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1;
  text-transform: uppercase;
}

.ak-about-story p,
.ak-about-heading p,
.ak-about-founder-content p,
.ak-about-cta p {
  color: #666666;
  font-size: 15px;
  line-height: 1.78;
}

.ak-about-lead {
  margin-top: 24px;
  padding-left: 18px;
  border-left: 3px solid var(--ak-gold);
  color: #343434 !important;
  font-size: 16px !important;
  font-weight: 650;
}

.ak-about-checklist {
  display: grid;
  gap: 13px;
  margin-top: 25px;
}

.ak-about-checklist div {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 17px;
  border: 1px solid #e6e6e6;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 20, 20, 0.05);
}

.ak-about-checklist div:hover {
  border-color: rgba(244, 196, 48, 0.6);
  transform: translateX(6px);
}

.ak-about-checklist i {
  color: var(--ak-red);
  font-size: 20px;
}

.ak-about-checklist span {
  color: #343434;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}

.ak-about-mission-section {
  background:
    radial-gradient(circle at 10% 20%, rgba(244, 196, 48, 0.13), transparent 28%),
    linear-gradient(135deg, #080808 0%, #121212 54%, #070707 100%);
}

.ak-about-heading {
  max-width: 850px;
  margin: 0 auto 45px;
  text-align: center;
}

.ak-about-heading h2 {
  color: #ffffff;
}

.ak-about-heading p {
  max-width: 650px;
  margin: 18px auto 0;
  color: rgba(255, 255, 255, 0.62);
}

.ak-about-heading--dark h2,
.ak-about-heading--left h2 {
  color: #111111;
}

.ak-about-heading--dark p,
.ak-about-heading--left p {
  color: #666666;
}

.ak-about-heading--left {
  margin: 0;
  text-align: left;
}

.ak-about-value-card {
  position: relative;
  min-height: 270px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}

.ak-about-value-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-about-value-card:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.09);
  transform: translateY(-8px);
}

.ak-about-value-card:hover::before {
  right: 0;
  left: 0;
}

.ak-about-value-card>i {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 15px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 21px;
}

.ak-about-value-card small {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-about-value-card h3 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-about-value-card p {
  margin: auto 0 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  line-height: 1.62;
}

.ak-about-founder-band {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 20%, rgba(244, 196, 48, 0.14), transparent 30%),
    linear-gradient(145deg, #111111, #070707);
}

.ak-about-founder-band::before {
  content: "FOUNDER";
  position: absolute;
  right: -22px;
  bottom: -32px;
  color: rgba(255, 255, 255, 0.04);
  font-family: var(--ak-font-title);
  font-size: clamp(80px, 13vw, 190px);
  font-weight: 900;
  line-height: 0.8;
}

.ak-about-founder-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 26px;
  background: #050505;
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.35);
}

.ak-about-founder-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 18%;
}

.ak-about-founder-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.9));
}

.ak-about-founder-card>div {
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  z-index: 2;
}

.ak-about-founder-card small {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ak-about-founder-card h2 {
  margin: 6px 0 8px;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 900;
  text-transform: uppercase;
}

.ak-about-founder-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.67);
  font-size: 15px;
  line-height: 1.62;
}

.ak-about-founder-content h2 {
  color: #ffffff;
}

.ak-about-founder-content p {
  max-width: 720px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.64);
}

.ak-about-founder-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin-top: 30px;
}

.ak-about-founder-points div {
  min-height: 130px;
  padding: 20px 17px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.055);
}

.ak-about-founder-points div:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.08);
  transform: translateY(-6px);
}

.ak-about-founder-points strong {
  display: block;
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
}

.ak-about-founder-points span {
  display: block;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
}

.ak-about-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 28px;
  color: var(--ak-gold);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.ak-about-link:hover {
  color: #ffffff;
  transform: translateX(6px);
}

.ak-about-approach-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background: #ffffff;
}

.ak-about-approach-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 20, 20, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-about-approach-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.ak-about-step {
  position: relative;
  min-height: 275px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 26px 22px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 20, 20, 0.06);
}

.ak-about-step::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-about-step:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-about-step:hover::before {
  right: 0;
  left: 0;
}

.ak-about-step>span {
  position: absolute;
  top: 17px;
  right: 20px;
  color: rgba(15, 15, 15, 0.07);
  font-size: 43px;
  font-weight: 950;
}

.ak-about-step>i {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  border-radius: 15px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-about-step h3 {
  margin: 0 0 12px;
  color: #111111;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-about-step p {
  margin: auto 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.62;
}

.ak-about-difference-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.ak-about-difference-list>div {
  min-height: 118px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid #e6e6e6;
  border-radius: 17px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(20, 20, 20, 0.055);
}

.ak-about-difference-list>div:hover {
  border-color: rgba(244, 196, 48, 0.58);
  background: #111111;
  transform: translateY(-6px);
}

.ak-about-difference-list i {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 20px;
}

.ak-about-difference-list span {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ak-about-difference-list strong {
  color: #111111;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.3;
  text-transform: uppercase;
}

.ak-about-difference-list small {
  color: #707070;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}

.ak-about-difference-list>div:hover strong,
.ak-about-difference-list>div:hover small {
  color: #ffffff;
}

.ak-about-cta {
  position: relative;
  overflow: hidden;
  padding: 90px 0;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.13), transparent 32%),
    linear-gradient(135deg, #111111, #070707);
}

.ak-about-cta__box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;
  overflow: hidden;
  padding: 38px;
  border: 1px solid rgba(244, 196, 48, 0.28);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.16), transparent 34%),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.34);
}

.ak-about-cta h2 {
  color: #ffffff;
}

.ak-about-cta p {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.64);
}

.ak-about-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

/* =====================================================
   ABOUT PAGE RESPONSIVE
===================================================== */

@media (max-width: 1199.98px) {
  .ak-about-approach-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ak-about-cta__box {
    grid-template-columns: 1fr;
  }

  .ak-about-cta__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 991.98px) {

  .ak-about-hero,
  .ak-about-section-premium,
  .ak-about-mission-section,
  .ak-about-founder-band,
  .ak-about-approach-section,
  .ak-about-difference-section,
  .ak-about-cta {
    padding: 76px 0;
  }

  .ak-about-hero::before {
    width: 310px;
    opacity: 0.5;
  }

  .ak-about-founder-points {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ak-about-heading--left {
    max-width: 850px;
    margin: 0 auto 30px;
    text-align: center;
  }
}

@media (max-width: 767.98px) {

  .ak-about-hero,
  .ak-about-section-premium,
  .ak-about-mission-section,
  .ak-about-founder-band,
  .ak-about-approach-section,
  .ak-about-difference-section,
  .ak-about-cta {
    padding: 62px 0;
  }

  .ak-about-hero__content {
    text-align: center;
  }

  .ak-about-breadcrumb,
  .ak-about-eyebrow {
    justify-content: center;
  }

  .ak-about-hero__content h1,
  .ak-about-story h2,
  .ak-about-heading h2,
  .ak-about-founder-content h2,
  .ak-about-cta h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .ak-about-hero__content p {
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-left: 0;
    border-top: 3px solid var(--ak-red);
    border-left: 0;
    font-size: 15px;
    text-align: center;
  }

  .ak-about-hero__actions,
  .ak-about-cta__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ak-about-hero__actions .ak-btn,
  .ak-about-cta__actions .ak-btn {
    width: 100%;
  }

  .ak-about-hero__badge-grid,
  .ak-about-founder-points,
  .ak-about-approach-grid,
  .ak-about-difference-list {
    grid-template-columns: 1fr;
  }

  .ak-about-image-card {
    padding-right: 10px;
  }

  .ak-about-image-card__label {
    right: 10px;
    left: 10px;
    width: auto;
  }

  .ak-about-story,
  .ak-about-founder-content {
    text-align: center;
  }

  .ak-about-lead {
    padding-top: 16px;
    padding-left: 0;
    border-top: 3px solid var(--ak-gold);
    border-left: 0;
  }

  .ak-about-checklist div {
    text-align: left;
  }

  .ak-about-cta__box {
    padding: 28px 20px;
    text-align: center;
  }
}

@media (max-width: 399.98px) {

  .ak-about-hero__card,
  .ak-about-cta__box {
    padding-right: 18px;
    padding-left: 18px;
  }

  .ak-about-value-card,
  .ak-about-step,
  .ak-about-difference-list>div {
    padding: 22px 18px;
  }

  .ak-about-image-card__label {
    align-items: flex-start;
    flex-direction: column;
  }
}

i.bi.bi-briefcase-fill {
  font-size: 26px;
}



/* =====================================================
           CAREER OPPORTUNITIES PAGE ONLY
        ===================================================== */

.ak-career-page {
  overflow: hidden;
  background: #ffffff;
}

.ak-career-page .container {
  position: relative;
  z-index: 2;
}

.ak-career-hero {
  position: relative;
  overflow: hidden;
  padding: 115px 0 100px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.42)),
    url("https://images.unsplash.com/photo-1571019613914-85f342c6a11e?auto=format&fit=crop&w=1920&q=88") center/cover no-repeat;
}

.ak-career-hero::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -245px;
  width: 440px;
  height: 850px;
  background: linear-gradient(155deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
}

.ak-career-hero::after {
  content: "CAREER";
  position: absolute;
  right: -35px;
  bottom: -38px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: clamp(84px, 13vw, 205px);
  font-weight: 900;
  letter-spacing: -5px;
  line-height: 0.8;
  pointer-events: none;
}

.ak-career-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 50px 50px;
}

.ak-career-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
}

.ak-career-breadcrumb a,
.ak-career-breadcrumb span,
.ak-career-breadcrumb i {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.ak-career-breadcrumb a:hover,
.ak-career-breadcrumb span {
  color: var(--ak-gold);
}

.ak-career-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.ak-career-eyebrow i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-career-eyebrow--dark {
  color: var(--ak-red);
}

.ak-career-hero__content h1 {
  max-width: 860px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(44px, 6vw, 86px);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 0.98;
  text-transform: uppercase;
}

.ak-career-hero__content h1 strong {
  display: block;
  margin-top: 7px;
  color: var(--ak-gold);
  font-weight: 900;
}

.ak-career-hero__content p {
  max-width: 720px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.78;
}

.ak-career-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.ak-career-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.ak-career-btn:hover {
  transform: translateY(-3px);
}

.ak-career-btn--red {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  box-shadow: 0 13px 32px rgba(244, 20, 53, 0.27);
}

.ak-career-btn--red:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-career-btn--ghost {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
}

.ak-career-btn--ghost:hover {
  color: #111111;
  background: #ffffff;
}

.ak-career-btn--gold {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-career-btn--gold:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.ak-career-btn--whatsapp {
  color: #ffffff;
  background: #15984b;
}

.ak-career-btn--whatsapp:hover {
  color: #ffffff;
  background: #20b85a;
}

.ak-career-hero__panel {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.15), transparent 38%),
    rgba(255, 255, 255, 0.075);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
}

.ak-career-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.ak-career-hero__panel-icon {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 20px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 28px;
}

.ak-career-hero__panel>span {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ak-career-hero__panel h2 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.02;
  text-transform: uppercase;
}

.ak-career-hero__panel p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.7;
}

.ak-career-hero__mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 25px;
}

.ak-career-hero__mini-grid div {
  min-height: 94px;
  padding: 16px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
}

.ak-career-hero__mini-grid strong {
  display: block;
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 31px;
  font-weight: 900;
  line-height: 1;
}

.ak-career-hero__mini-grid small {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.ak-career-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 8% 10%, rgba(244, 196, 48, 0.11), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(244, 20, 53, 0.08), transparent 28%),
    var(--ak-light);
}

.ak-career-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), transparent);
}

.ak-career-section--dark {
  color: #ffffff;
  background:
    radial-gradient(circle at 10% 20%, rgba(244, 196, 48, 0.13), transparent 28%),
    linear-gradient(135deg, #080808 0%, #121212 54%, #070707 100%);
}

.ak-career-section__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 20, 20, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-career-section--dark .ak-career-section__pattern {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
}

.ak-career-heading {
  max-width: 880px;
  margin: 0 auto 46px;
  text-align: center;
}

.ak-career-heading h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1;
  text-transform: uppercase;
}

.ak-career-section--dark .ak-career-heading h2 {
  color: #ffffff;
}

.ak-career-heading h2 strong {
  display: block;
  color: var(--ak-red);
}

.ak-career-heading p {
  max-width: 700px;
  margin: 18px auto 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.78;
}

.ak-career-section--dark .ak-career-heading p {
  color: rgba(255, 255, 255, 0.62);
}

.ak-career-card {
  position: relative;
  height: 100%;
  min-height: 285px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}

.ak-career-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-career-card::after {
  content: attr(data-number);
  position: absolute;
  right: 16px;
  bottom: -16px;
  color: rgba(255, 255, 255, 0.05);
  font-family: var(--ak-font-title);
  font-size: 86px;
  font-weight: 900;
  line-height: 1;
}

.ak-career-card:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.09);
  transform: translateY(-8px);
}

.ak-career-card:hover::before {
  right: 0;
  left: 0;
}

.ak-career-card__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 16px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-career-card small {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-career-card h3 {
  position: relative;
  z-index: 2;
  margin: 10px 0 13px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.24;
  text-transform: uppercase;
}

.ak-career-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.65;
}

.ak-career-card ul {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ak-career-card li {
  display: flex;
  gap: 9px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.5;
}

.ak-career-card li i {
  color: var(--ak-gold);
  margin-top: 2px;
}

.ak-career-growth-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 15, 15, 0.09);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 35px 80px rgba(20, 20, 20, 0.14);
}

.ak-career-growth-image {
  position: relative;
  height: 100%;
  min-height: 610px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.88)),
    url("https://images.pexels.com/photos/416717/pexels-photo-416717.jpeg?auto=compress&cs=tinysrgb&w=1200") center/cover no-repeat;
}

.ak-career-growth-image__content {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
}

.ak-career-growth-image__content small {
  display: block;
  margin-bottom: 8px;
  color: var(--ak-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.ak-career-growth-image__content h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 5vw, 70px);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
}

.ak-career-growth-content {
  height: 100%;
  padding: 48px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 32%),
    linear-gradient(145deg, #151515, #080808);
}

.ak-career-growth-content h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.ak-career-growth-content h2 span {
  color: var(--ak-red);
}

.ak-career-growth-content>p {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.75;
}

.ak-career-growth-list {
  display: grid;
  gap: 13px;
  margin-top: 28px;
}

.ak-career-growth-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

.ak-career-growth-item:hover {
  border-color: rgba(244, 196, 48, 0.45);
  background: rgba(244, 196, 48, 0.08);
  transform: translateX(6px);
}

.ak-career-growth-item i {
  width: 43px;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-career-growth-item h4 {
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
  text-transform: uppercase;
}

.ak-career-growth-item span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.55;
}

.ak-career-roadmap {
  position: relative;
  max-width: 1060px;
  margin: 0 auto;
}

.ak-career-roadmap::before {
  content: "";
  position: absolute;
  top: 36px;
  right: 12%;
  left: 12%;
  height: 3px;
  border-radius: 20px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red), var(--ak-gold));
}

.ak-career-roadmap-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.ak-career-roadmap-card {
  position: relative;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding: 24px 20px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 20, 20, 0.06);
  text-align: center;
}

.ak-career-roadmap-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-career-roadmap-card__number {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border: 4px solid #ffffff;
  border-radius: 50%;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  box-shadow: 0 0 0 8px rgba(244, 196, 48, 0.12);
  font-weight: 950;
}

.ak-career-roadmap-card h3 {
  margin: 0 0 12px;
  color: #111111;
  font-size: 19px;
  font-weight: 950;
  line-height: 1.25;
  text-transform: uppercase;
}

.ak-career-roadmap-card p {
  margin: auto 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.62;
}

.ak-career-skill-card {
  position: relative;
  min-height: 235px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 26px 22px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 20, 20, 0.06);
}

.ak-career-skill-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-career-skill-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  background: #111111;
  transform: translateY(-8px);
}

.ak-career-skill-card:hover::before {
  right: 0;
  left: 0;
}

.ak-career-skill-card i {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 15px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-career-skill-card h3 {
  margin: 0 0 12px;
  color: #111111;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-career-skill-card p {
  margin: auto 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.62;
}

.ak-career-skill-card:hover h3,
.ak-career-skill-card:hover p {
  color: #ffffff;
}

.ak-career-note-box {
  position: relative;
  overflow: hidden;
  padding: 38px;
  border: 1px solid rgba(244, 196, 48, 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.16), transparent 34%),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.34);
}

.ak-career-note-box::after {
  content: "DPT";
  position: absolute;
  right: 20px;
  bottom: -30px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: 145px;
  font-weight: 900;
  line-height: 1;
}

.ak-career-note-box__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 30px;
}

.ak-career-note-box h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.ak-career-note-box h2 span {
  color: var(--ak-red);
}

.ak-career-note-box p {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 15px;
  line-height: 1.75;
}

.ak-career-note-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

@media (max-width: 1199.98px) {
  .ak-career-roadmap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ak-career-roadmap::before {
    display: none;
  }

  .ak-career-note-box__inner {
    grid-template-columns: 1fr;
  }

  .ak-career-note-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 991.98px) {

  .ak-career-hero,
  .ak-career-section {
    padding: 76px 0;
  }

  .ak-career-hero::before {
    width: 310px;
    opacity: 0.55;
  }

  .ak-career-growth-image {
    min-height: 430px;
  }

  .ak-career-growth-content {
    padding: 38px 28px;
  }
}

@media (max-width: 767.98px) {

  .ak-career-hero,
  .ak-career-section {
    padding: 62px 0;
  }

  .ak-career-hero__content {
    text-align: center;
  }

  .ak-career-breadcrumb,
  .ak-career-eyebrow {
    justify-content: center;
  }

  .ak-career-hero__content h1,
  .ak-career-heading h2,
  .ak-career-growth-content h2,
  .ak-career-note-box h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .ak-career-hero__content p {
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-left: 0;
    border-top: 3px solid var(--ak-red);
    border-left: 0;
    font-size: 15px;
    text-align: center;
  }

  .ak-career-hero__actions,
  .ak-career-note-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ak-career-hero__actions .ak-career-btn,
  .ak-career-note-actions .ak-career-btn {
    width: 100%;
  }

  .ak-career-hero__mini-grid,
  .ak-career-roadmap-grid {
    grid-template-columns: 1fr;
  }

  .ak-career-heading {
    margin-bottom: 34px;
  }

  .ak-career-heading p {
    font-size: 15px;
  }

  .ak-career-card,
  .ak-career-roadmap-card,
  .ak-career-skill-card {
    min-height: auto;
    padding: 22px 18px;
  }

  .ak-career-growth-content {
    padding: 32px 22px;
  }

  .ak-career-growth-item {
    grid-template-columns: 1fr;
  }

  .ak-career-note-box {
    padding: 28px 20px;
    text-align: center;
  }
}

@media (max-width: 399.98px) {

  .ak-career-hero__panel,
  .ak-career-note-box {
    padding-right: 18px;
    padding-left: 18px;
  }

  .ak-career-card,
  .ak-career-roadmap-card,
  .ak-career-skill-card {
    padding-right: 16px;
    padding-left: 16px;
  }
}


/* =====================================================
           EXAMINATION & CERTIFICATION PAGE ONLY
        ===================================================== */

.ak-exam-page {
  overflow: hidden;
  background: #ffffff;
}

.ak-exam-page .container {
  position: relative;
  z-index: 2;
}

.ak-exam-hero {
  position: relative;
  overflow: hidden;
  padding: 115px 0 100px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.42)),
    url("https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1920&q=88") center/cover no-repeat;
}

.ak-exam-hero::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -245px;
  width: 440px;
  height: 850px;
  background: linear-gradient(155deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
}

.ak-exam-hero::after {
  content: "CERTIFIED";
  position: absolute;
  right: -35px;
  bottom: -38px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: clamp(78px, 13vw, 205px);
  font-weight: 900;
  letter-spacing: -5px;
  line-height: 0.8;
  pointer-events: none;
}

.ak-exam-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 50px 50px;
}

.ak-exam-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
}

.ak-exam-breadcrumb a,
.ak-exam-breadcrumb span,
.ak-exam-breadcrumb i {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.ak-exam-breadcrumb a:hover,
.ak-exam-breadcrumb span {
  color: var(--ak-gold);
}

.ak-exam-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.ak-exam-eyebrow i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-exam-eyebrow--dark {
  color: var(--ak-red);
}

.ak-exam-hero__content h1 {
  max-width: 860px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(44px, 6vw, 86px);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 0.98;
  text-transform: uppercase;
}

.ak-exam-hero__content h1 strong {
  display: block;
  margin-top: 7px;
  color: var(--ak-gold);
  font-weight: 900;
}

.ak-exam-hero__content p {
  max-width: 720px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.78;
}

.ak-exam-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.ak-exam-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.ak-exam-btn:hover {
  transform: translateY(-3px);
}

.ak-exam-btn--red {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  box-shadow: 0 13px 32px rgba(244, 20, 53, 0.27);
}

.ak-exam-btn--red:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-exam-btn--ghost {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
}

.ak-exam-btn--ghost:hover {
  color: #111111;
  background: #ffffff;
}

.ak-exam-btn--gold {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-exam-btn--gold:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.ak-exam-btn--whatsapp {
  color: #ffffff;
  background: #15984b;
}

.ak-exam-btn--whatsapp:hover {
  color: #ffffff;
  background: #20b85a;
}

.ak-exam-hero__panel {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.15), transparent 38%),
    rgba(255, 255, 255, 0.075);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
}

.ak-exam-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.ak-exam-hero__score {
  width: 135px;
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 24px;
  border: 1px solid rgba(244, 196, 48, 0.42);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244, 196, 48, 0.2), rgba(255, 255, 255, 0.05));
}

.ak-exam-hero__score strong {
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 58px;
  font-weight: 900;
  line-height: 0.9;
}

.ak-exam-hero__score small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.ak-exam-hero__panel>span {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ak-exam-hero__panel h2 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.02;
  text-transform: uppercase;
}

.ak-exam-hero__panel p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.7;
}

.ak-exam-hero__mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 25px;
}

.ak-exam-hero__mini-grid div {
  min-height: 94px;
  padding: 16px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
}

.ak-exam-hero__mini-grid strong {
  display: block;
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 31px;
  font-weight: 900;
  line-height: 1;
}

.ak-exam-hero__mini-grid small {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.ak-exam-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 8% 10%, rgba(244, 196, 48, 0.11), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(244, 20, 53, 0.08), transparent 28%),
    var(--ak-light);
}

.ak-exam-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), transparent);
}

.ak-exam-section--dark {
  color: #ffffff;
  background:
    radial-gradient(circle at 10% 20%, rgba(244, 196, 48, 0.13), transparent 28%),
    linear-gradient(135deg, #080808 0%, #121212 54%, #070707 100%);
}

.ak-exam-section__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 20, 20, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-exam-section--dark .ak-exam-section__pattern {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
}

.ak-exam-heading {
  max-width: 880px;
  margin: 0 auto 46px;
  text-align: center;
}

.ak-exam-heading h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1;
  text-transform: uppercase;
}

.ak-exam-section--dark .ak-exam-heading h2 {
  color: #ffffff;
}

.ak-exam-heading h2 strong {
  display: block;
  color: var(--ak-red);
}

.ak-exam-heading p {
  max-width: 700px;
  margin: 18px auto 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.78;
}

.ak-exam-section--dark .ak-exam-heading p {
  color: rgba(255, 255, 255, 0.62);
}

.ak-exam-pattern-card {
  position: relative;
  height: 100%;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 24px;
  border: 1px solid #e6e6e6;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(20, 20, 20, 0.07);
}

.ak-exam-pattern-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-exam-pattern-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-exam-pattern-card:hover::before {
  right: 0;
  left: 0;
}

.ak-exam-pattern-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.ak-exam-pattern-card__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  border-radius: 16px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-exam-pattern-card__marks {
  min-width: 78px;
  padding: 10px 12px;
  border-radius: 14px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  text-align: center;
}

.ak-exam-pattern-card__marks strong {
  display: block;
  font-family: var(--ak-font-title);
  font-size: 34px;
  font-weight: 900;
  line-height: 0.9;
}

.ak-exam-pattern-card__marks small {
  display: block;
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.ak-exam-pattern-card>small {
  color: var(--ak-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-exam-pattern-card h3 {
  margin: 10px 0 13px;
  color: #111111;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-exam-pattern-card p {
  margin: 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.65;
}

.ak-exam-pattern-card ul {
  display: grid;
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ak-exam-pattern-card li {
  display: flex;
  gap: 9px;
  color: #444444;
  font-size: 14px;
  line-height: 1.5;
}

.ak-exam-pattern-card li i {
  color: var(--ak-red);
  margin-top: 2px;
}

.ak-exam-score-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 32%),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.28);
}

.ak-exam-score-left {
  height: 100%;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.88)),
    url("https://images.pexels.com/photos/4164772/pexels-photo-4164772.jpeg?auto=compress&cs=tinysrgb&w=1200") center/cover no-repeat;
}

.ak-exam-score-left small {
  display: block;
  margin-bottom: 10px;
  color: var(--ak-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.ak-exam-score-left h3 {
  max-width: 420px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 5vw, 70px);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
}

.ak-exam-score-left p {
  max-width: 430px;
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.75;
}

.ak-exam-score-right {
  height: 100%;
  padding: 48px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 32%),
    linear-gradient(145deg, #151515, #080808);
}

.ak-exam-score-right h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.ak-exam-score-right h2 span {
  color: var(--ak-red);
}

.ak-exam-score-right>p {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.75;
}

.ak-exam-score-list {
  display: grid;
  gap: 13px;
  margin-top: 28px;
}

.ak-exam-score-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

.ak-exam-score-item:hover {
  border-color: rgba(244, 196, 48, 0.45);
  background: rgba(244, 196, 48, 0.08);
  transform: translateX(6px);
}

.ak-exam-score-item i {
  width: 43px;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-exam-score-item h4 {
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
  text-transform: uppercase;
}

.ak-exam-score-item span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.55;
}

.ak-exam-score-item strong {
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
}

.ak-cert-card {
  position: relative;
  min-height: 315px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 30px 26px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}

.ak-cert-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-cert-card::after {
  content: attr(data-code);
  position: absolute;
  right: 16px;
  bottom: -18px;
  color: rgba(255, 255, 255, 0.05);
  font-family: var(--ak-font-title);
  font-size: 96px;
  font-weight: 900;
  line-height: 1;
}

.ak-cert-card:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.09);
  transform: translateY(-8px);
}

.ak-cert-card:hover::before {
  right: 0;
  left: 0;
}

.ak-cert-card__icon {
  width: 62px;
  height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 17px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 24px;
}

.ak-cert-card small {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-cert-card h3 {
  position: relative;
  z-index: 2;
  margin: 10px 0 14px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.24;
  text-transform: uppercase;
}

.ak-cert-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.65;
}

.ak-cert-card ul {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ak-cert-card li {
  display: flex;
  gap: 9px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.5;
}

.ak-cert-card li i {
  color: var(--ak-gold);
  margin-top: 2px;
}

.ak-exam-process {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
}

.ak-exam-process::before {
  content: "";
  position: absolute;
  top: 36px;
  right: 12%;
  left: 12%;
  height: 3px;
  border-radius: 20px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red), var(--ak-gold));
}

.ak-exam-process-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.ak-exam-process-card {
  position: relative;
  min-height: 255px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding: 24px 20px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 20, 20, 0.06);
  text-align: center;
}

.ak-exam-process-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-exam-process-card__number {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border: 4px solid #ffffff;
  border-radius: 50%;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  box-shadow: 0 0 0 8px rgba(244, 196, 48, 0.12);
  font-weight: 950;
}

.ak-exam-process-card h3 {
  margin: 0 0 12px;
  color: #111111;
  font-size: 19px;
  font-weight: 950;
  line-height: 1.25;
  text-transform: uppercase;
}

.ak-exam-process-card p {
  margin: auto 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.62;
}

.ak-exam-note-box {
  position: relative;
  overflow: hidden;
  padding: 38px;
  border: 1px solid rgba(244, 196, 48, 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.16), transparent 34%),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.34);
}

.ak-exam-note-box::after {
  content: "PASS";
  position: absolute;
  right: 20px;
  bottom: -30px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: 145px;
  font-weight: 900;
  line-height: 1;
}

.ak-exam-note-box__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 30px;
}

.ak-exam-note-box h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.ak-exam-note-box h2 span {
  color: var(--ak-red);
}

.ak-exam-note-box p {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 15px;
  line-height: 1.75;
}

.ak-exam-note-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

@media (max-width: 1199.98px) {
  .ak-exam-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ak-exam-process::before {
    display: none;
  }

  .ak-exam-note-box__inner {
    grid-template-columns: 1fr;
  }

  .ak-exam-note-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 991.98px) {

  .ak-exam-hero,
  .ak-exam-section {
    padding: 76px 0;
  }

  .ak-exam-hero::before {
    width: 310px;
    opacity: 0.55;
  }

  .ak-exam-score-left {
    min-height: 430px;
  }

  .ak-exam-score-left,
  .ak-exam-score-right {
    padding: 38px 28px;
  }
}

@media (max-width: 767.98px) {

  .ak-exam-hero,
  .ak-exam-section {
    padding: 62px 0;
  }

  .ak-exam-hero__content {
    text-align: center;
  }

  .ak-exam-breadcrumb,
  .ak-exam-eyebrow {
    justify-content: center;
  }

  .ak-exam-hero__content h1,
  .ak-exam-heading h2,
  .ak-exam-score-right h2,
  .ak-exam-note-box h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .ak-exam-hero__content p {
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-left: 0;
    border-top: 3px solid var(--ak-red);
    border-left: 0;
    font-size: 15px;
    text-align: center;
  }

  .ak-exam-hero__actions,
  .ak-exam-note-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ak-exam-hero__actions .ak-exam-btn,
  .ak-exam-note-actions .ak-exam-btn {
    width: 100%;
  }

  .ak-exam-hero__mini-grid,
  .ak-exam-process-grid {
    grid-template-columns: 1fr;
  }

  .ak-exam-heading {
    margin-bottom: 34px;
  }

  .ak-exam-heading p {
    font-size: 15px;
  }

  .ak-exam-pattern-card,
  .ak-cert-card,
  .ak-exam-process-card {
    min-height: auto;
    padding: 22px 18px;
  }

  .ak-exam-score-left,
  .ak-exam-score-right {
    padding: 32px 22px;
  }

  .ak-exam-score-item {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .ak-exam-note-box {
    padding: 28px 20px;
    text-align: center;
  }
}

@media (max-width: 399.98px) {

  .ak-exam-hero__panel,
  .ak-exam-note-box {
    padding-right: 18px;
    padding-left: 18px;
  }

  .ak-exam-pattern-card,
  .ak-cert-card,
  .ak-exam-process-card {
    padding-right: 16px;
    padding-left: 16px;
  }
}

/* =====================================================
           LEARNING STRUCTURE PAGE ONLY
        ===================================================== */

.ak-learning-page {
  overflow: hidden;
  background: #ffffff;
}

.ak-learning-page .container {
  position: relative;
  z-index: 2;
}

.ak-learning-hero {
  position: relative;
  overflow: hidden;
  padding: 115px 0 100px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.42)),
    url("https://images.unsplash.com/photo-1599058917212-d750089bc07e?auto=format&fit=crop&w=1920&q=88") center/cover no-repeat;
}

.ak-learning-hero::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -245px;
  width: 440px;
  height: 850px;
  background: linear-gradient(155deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
}

.ak-learning-hero::after {
  content: "LEARNING";
  position: absolute;
  right: -35px;
  bottom: -38px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: clamp(84px, 13vw, 205px);
  font-weight: 900;
  letter-spacing: -5px;
  line-height: 0.8;
  pointer-events: none;
}

.ak-learning-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 50px 50px;
}

.ak-learning-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
}

.ak-learning-breadcrumb a,
.ak-learning-breadcrumb span,
.ak-learning-breadcrumb i {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.ak-learning-breadcrumb a:hover,
.ak-learning-breadcrumb span {
  color: var(--ak-gold);
}

.ak-learning-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.ak-learning-eyebrow i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-learning-eyebrow--dark {
  color: var(--ak-red);
}

.ak-learning-hero__content h1 {
  max-width: 830px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(46px, 6vw, 86px);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 0.98;
  text-transform: uppercase;
}

.ak-learning-hero__content h1 strong {
  display: block;
  margin-top: 7px;
  color: var(--ak-gold);
  font-weight: 900;
}

.ak-learning-hero__content p {
  max-width: 710px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.78;
}

.ak-learning-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.ak-learning-hero__panel {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.15), transparent 38%),
    rgba(255, 255, 255, 0.075);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
}

.ak-learning-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.ak-learning-hero__panel-icon {
  width: 68px;
  height: 68px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 18px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 26px;
}

.ak-learning-hero__panel>span {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ak-learning-hero__panel h2 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.02;
  text-transform: uppercase;
}

.ak-learning-hero__panel p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.7;
}

.ak-learning-hero__mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 25px;
}

.ak-learning-hero__mini-grid div {
  min-height: 94px;
  padding: 16px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
}

.ak-learning-hero__mini-grid strong {
  display: block;
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 31px;
  font-weight: 900;
  line-height: 1;
}

.ak-learning-hero__mini-grid small {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.ak-learning-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 8% 10%, rgba(244, 196, 48, 0.11), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(244, 20, 53, 0.08), transparent 28%),
    var(--ak-light);
}

.ak-learning-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), transparent);
}

.ak-learning-section--dark {
  color: #ffffff;
  background:
    radial-gradient(circle at 10% 20%, rgba(244, 196, 48, 0.13), transparent 28%),
    linear-gradient(135deg, #080808 0%, #121212 54%, #070707 100%);
}

.ak-learning-section__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 20, 20, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-learning-section--dark .ak-learning-section__pattern {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
}

.ak-learning-heading {
  max-width: 850px;
  margin: 0 auto 46px;
  text-align: center;
}

.ak-learning-heading h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1;
  text-transform: uppercase;
}

.ak-learning-section--dark .ak-learning-heading h2 {
  color: #ffffff;
}

.ak-learning-heading h2 strong {
  display: block;
  color: var(--ak-red);
}

.ak-learning-heading p {
  max-width: 690px;
  margin: 18px auto 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.78;
}

.ak-learning-section--dark .ak-learning-heading p {
  color: rgba(255, 255, 255, 0.62);
}

.ak-learning-format-card {
  position: relative;
  height: 100%;
  min-height: 285px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 24px;
  border: 1px solid #e6e6e6;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(20, 20, 20, 0.07);
}

.ak-learning-format-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-learning-format-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-learning-format-card:hover::before {
  right: 0;
  left: 0;
}

.ak-learning-format-card__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 16px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-learning-format-card small {
  color: var(--ak-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-learning-format-card h3 {
  margin: 10px 0 13px;
  color: #111111;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-learning-format-card p {
  margin: 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.65;
}

.ak-learning-format-card ul {
  display: grid;
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ak-learning-format-card li {
  display: flex;
  gap: 9px;
  color: #444444;
  font-size: 14px;
  line-height: 1.5;
}

.ak-learning-format-card li i {
  color: var(--ak-red);
  margin-top: 2px;
}

.ak-learning-timeline-shell {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
}

.ak-learning-timeline-shell::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 50%;
  width: 3px;
  border-radius: 20px;
  background: linear-gradient(to bottom, var(--ak-gold), var(--ak-red), var(--ak-gold));
  transform: translateX(-50%);
}

.ak-learning-phase {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 76px 1fr;
  align-items: stretch;
  gap: 0;
  margin-bottom: 24px;
}

.ak-learning-phase:last-child {
  margin-bottom: 0;
}

.ak-learning-phase__dot {
  position: relative;
  z-index: 3;
  align-self: center;
  justify-self: center;
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #111111;
  border-radius: 50%;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  box-shadow: 0 0 0 8px rgba(244, 196, 48, 0.1);
  font-weight: 950;
}

.ak-learning-phase__card {
  position: relative;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 28px 26px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}

.ak-learning-phase__card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.ak-learning-phase__card:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.09);
  transform: translateY(-6px);
}

.ak-learning-phase__card small {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-learning-phase__card h3 {
  margin: 9px 0 12px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.25;
  text-transform: uppercase;
}

.ak-learning-phase__card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.65;
}

.ak-learning-phase__list {
  display: grid;
  gap: 8px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}

.ak-learning-phase__list li {
  display: flex;
  gap: 9px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.5;
}

.ak-learning-phase__list i {
  color: var(--ak-gold);
  margin-top: 2px;
}

.ak-learning-phase:nth-child(even) .ak-learning-phase__card {
  grid-column: 3;
}

.ak-learning-phase:nth-child(even) .ak-learning-phase__dot {
  grid-column: 2;
  grid-row: 1;
}

.ak-learning-phase:nth-child(odd) .ak-learning-phase__card {
  grid-column: 1;
}

.ak-learning-phase:nth-child(odd) .ak-learning-phase__dot {
  grid-column: 2;
  grid-row: 1;
}

.ak-learning-visual-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 15, 15, 0.09);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 35px 80px rgba(20, 20, 20, 0.14);
}

.ak-learning-visual {
  position: relative;
  min-height: 610px;
  height: 100%;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.88)),
    url("https://images.pexels.com/photos/4162487/pexels-photo-4162487.jpeg?auto=compress&cs=tinysrgb&w=1200") center/cover no-repeat;
}

.ak-learning-visual__content {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
}

.ak-learning-visual__content small {
  display: block;
  margin-bottom: 8px;
  color: var(--ak-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.ak-learning-visual__content h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 5vw, 70px);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
}

.ak-learning-flow-content {
  height: 100%;
  padding: 48px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 32%),
    linear-gradient(145deg, #151515, #080808);
}

.ak-learning-flow-content h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.ak-learning-flow-content h2 span {
  color: var(--ak-red);
}

.ak-learning-flow-content p {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.75;
}

.ak-learning-flow-list {
  display: grid;
  gap: 13px;
  margin-top: 28px;
}

.ak-learning-flow-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

.ak-learning-flow-item:hover {
  border-color: rgba(244, 196, 48, 0.45);
  background: rgba(244, 196, 48, 0.08);
  transform: translateX(6px);
}

.ak-learning-flow-item i {
  width: 43px;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-learning-flow-item h4 {
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
  text-transform: uppercase;
}

.ak-learning-flow-item span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.55;
}

.ak-learning-support-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.ak-learning-support-card {
  position: relative;
  min-height: 265px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 26px 22px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 20, 20, 0.06);
}

.ak-learning-support-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-learning-support-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-learning-support-card:hover::before {
  right: 0;
  left: 0;
}

.ak-learning-support-card>span {
  position: absolute;
  top: 17px;
  right: 20px;
  color: rgba(15, 15, 15, 0.07);
  font-size: 43px;
  font-weight: 950;
}

.ak-learning-support-card>i {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  border-radius: 15px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-learning-support-card h3 {
  margin: 0 0 12px;
  color: #111111;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-learning-support-card p {
  margin: auto 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.62;
}

.ak-learning-result-box {
  position: relative;
  overflow: hidden;
  padding: 38px;
  border: 1px solid rgba(244, 196, 48, 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.16), transparent 34%),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.34);
}

.ak-learning-result-box::after {
  content: "DPT";
  position: absolute;
  right: 20px;
  bottom: -30px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: 145px;
  font-weight: 900;
  line-height: 1;
}

.ak-learning-result-box__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 30px;
}

.ak-learning-result-box h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.ak-learning-result-box h2 span {
  color: var(--ak-red);
}

.ak-learning-result-box p {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 15px;
  line-height: 1.75;
}

.ak-learning-result-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

/* Responsive */

@media (max-width: 1199.98px) {
  .ak-learning-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ak-learning-result-box__inner {
    grid-template-columns: 1fr;
  }

  .ak-learning-result-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 991.98px) {

  .ak-learning-hero,
  .ak-learning-section {
    padding: 76px 0;
  }

  .ak-learning-hero::before {
    width: 310px;
    opacity: 0.55;
  }

  .ak-learning-timeline-shell::before {
    left: 29px;
  }

  .ak-learning-phase {
    grid-template-columns: 58px 1fr;
    gap: 16px;
    margin-bottom: 18px;
  }

  .ak-learning-phase:nth-child(odd) .ak-learning-phase__card,
  .ak-learning-phase:nth-child(even) .ak-learning-phase__card {
    grid-column: 2;
  }

  .ak-learning-phase:nth-child(odd) .ak-learning-phase__dot,
  .ak-learning-phase:nth-child(even) .ak-learning-phase__dot {
    grid-column: 1;
  }

  .ak-learning-phase__dot {
    width: 52px;
    height: 52px;
  }

  .ak-learning-visual {
    min-height: 430px;
  }

  .ak-learning-flow-content {
    padding: 38px 28px;
  }
}

@media (max-width: 767.98px) {

  .ak-learning-hero,
  .ak-learning-section {
    padding: 62px 0;
  }

  .ak-learning-hero__content {
    text-align: center;
  }

  .ak-learning-breadcrumb,
  .ak-learning-eyebrow {
    justify-content: center;
  }

  .ak-learning-hero__content h1,
  .ak-learning-heading h2,
  .ak-learning-flow-content h2,
  .ak-learning-result-box h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .ak-learning-hero__content p {
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-left: 0;
    border-top: 3px solid var(--ak-red);
    border-left: 0;
    font-size: 15px;
    text-align: center;
  }

  .ak-learning-hero__actions,
  .ak-learning-result-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ak-learning-hero__actions .ak-btn,
  .ak-learning-result-actions .ak-btn {
    width: 100%;
  }

  .ak-learning-hero__mini-grid,
  .ak-learning-support-grid {
    grid-template-columns: 1fr;
  }

  .ak-learning-heading {
    margin-bottom: 34px;
  }

  .ak-learning-heading p {
    font-size: 15px;
  }

  .ak-learning-format-card,
  .ak-learning-support-card,
  .ak-learning-phase__card {
    min-height: auto;
    padding: 22px 18px;
  }

  .ak-learning-timeline-shell::before {
    display: none;
  }

  .ak-learning-phase {
    display: block;
  }

  .ak-learning-phase__dot {
    margin-bottom: 10px;
  }

  .ak-learning-flow-content {
    padding: 32px 22px;
  }

  .ak-learning-flow-item {
    grid-template-columns: 1fr;
  }

  .ak-learning-result-box {
    padding: 28px 20px;
    text-align: center;
  }
}

@media (max-width: 399.98px) {

  .ak-learning-hero__panel,
  .ak-learning-result-box {
    padding-right: 18px;
    padding-left: 18px;
  }

  .ak-learning-format-card,
  .ak-learning-support-card,
  .ak-learning-phase__card {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.bi.bi-award-fill {
  color: #000;
  font-size: 26px;
}

/* =====================================================
           COURSE OVERVIEW PAGE ONLY
        ===================================================== */

.ak-overview-page {
  overflow: hidden;
  background: #ffffff;
}

.ak-overview-page .container {
  position: relative;
  z-index: 2;
}

.ak-overview-hero {
  position: relative;
  overflow: hidden;
  padding: 115px 0 100px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.42)),
    url("https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=1920&q=88") center/cover no-repeat;
}

.ak-overview-hero::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -245px;
  width: 440px;
  height: 850px;
  background: linear-gradient(155deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
}

.ak-overview-hero::after {
  content: "DPT";
  position: absolute;
  right: -20px;
  bottom: -35px;
  color: rgba(255, 255, 255, 0.05);
  font-family: var(--ak-font-title);
  font-size: clamp(120px, 18vw, 290px);
  font-weight: 900;
  letter-spacing: -6px;
  line-height: 0.8;
  pointer-events: none;
}

.ak-overview-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 50px 50px;
}

.ak-overview-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
}

.ak-overview-breadcrumb a,
.ak-overview-breadcrumb span,
.ak-overview-breadcrumb i {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.ak-overview-breadcrumb a:hover,
.ak-overview-breadcrumb span {
  color: var(--ak-gold);
}

.ak-overview-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.ak-overview-eyebrow i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-overview-eyebrow--dark {
  color: var(--ak-red);
}

.ak-overview-hero__content h1 {
  max-width: 860px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(44px, 6vw, 86px);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 0.98;
  text-transform: uppercase;
}

.ak-overview-hero__content h1 strong {
  display: block;
  margin-top: 7px;
  color: var(--ak-gold);
  font-weight: 900;
}

.ak-overview-hero__content p {
  max-width: 720px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.78;
}

.ak-overview-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.ak-overview-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.ak-overview-btn:hover {
  transform: translateY(-3px);
}

.ak-overview-btn--red {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  box-shadow: 0 13px 32px rgba(244, 20, 53, 0.27);
}

.ak-overview-btn--red:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-overview-btn--ghost {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
}

.ak-overview-btn--ghost:hover {
  color: #111111;
  background: #ffffff;
}

.ak-overview-btn--gold {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-overview-btn--gold:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.ak-overview-btn--whatsapp {
  color: #ffffff;
  background: #15984b;
}

.ak-overview-btn--whatsapp:hover {
  color: #ffffff;
  background: #20b85a;
}

.ak-overview-hero__panel {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.15), transparent 38%),
    rgba(255, 255, 255, 0.075);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
}

.ak-overview-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.ak-overview-hero__panel-icon {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 20px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 28px;
}

.ak-overview-hero__panel>span {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ak-overview-hero__panel h2 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.02;
  text-transform: uppercase;
}

.ak-overview-hero__panel p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.7;
}

.ak-overview-hero__mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 25px;
}

.ak-overview-hero__mini-grid div {
  min-height: 94px;
  padding: 16px 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
}

.ak-overview-hero__mini-grid strong {
  display: block;
  color: var(--ak-gold);
  font-family: var(--ak-font-title);
  font-size: 31px;
  font-weight: 900;
  line-height: 1;
}

.ak-overview-hero__mini-grid small {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: uppercase;
}

.ak-overview-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 8% 10%, rgba(244, 196, 48, 0.11), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(244, 20, 53, 0.08), transparent 28%),
    var(--ak-light);
}

.ak-overview-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), transparent);
}

.ak-overview-section--dark {
  color: #ffffff;
  background:
    radial-gradient(circle at 10% 20%, rgba(244, 196, 48, 0.13), transparent 28%),
    linear-gradient(135deg, #080808 0%, #121212 54%, #070707 100%);
}

.ak-overview-section__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 20, 20, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-overview-section--dark .ak-overview-section__pattern {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
}

.ak-overview-heading {
  max-width: 880px;
  margin: 0 auto 46px;
  text-align: center;
}

.ak-overview-heading h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1;
  text-transform: uppercase;
}

.ak-overview-section--dark .ak-overview-heading h2 {
  color: #ffffff;
}

.ak-overview-heading h2 strong {
  display: block;
  color: var(--ak-red);
}

.ak-overview-heading p {
  max-width: 700px;
  margin: 18px auto 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.78;
}

.ak-overview-section--dark .ak-overview-heading p {
  color: rgba(255, 255, 255, 0.62);
}

.ak-overview-snapshot-card {
  position: relative;
  height: 100%;
  min-height: 245px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 24px;
  border: 1px solid #e6e6e6;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(20, 20, 20, 0.07);
}

.ak-overview-snapshot-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-overview-snapshot-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-overview-snapshot-card:hover::before {
  right: 0;
  left: 0;
}

.ak-overview-snapshot-card__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 16px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-overview-snapshot-card small {
  color: var(--ak-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-overview-snapshot-card h3 {
  margin: 10px 0 13px;
  color: #111111;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-overview-snapshot-card p {
  margin: 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.65;
}

.ak-overview-intro-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 15, 15, 0.09);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 35px 80px rgba(20, 20, 20, 0.14);
}

.ak-overview-intro-image {
  position: relative;
  height: 100%;
  min-height: 620px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.88)),
    url("https://images.pexels.com/photos/1552242/pexels-photo-1552242.jpeg?auto=compress&cs=tinysrgb&w=1200") center/cover no-repeat;
}

.ak-overview-intro-image__content {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
}

.ak-overview-intro-image__content small {
  display: block;
  margin-bottom: 8px;
  color: var(--ak-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.ak-overview-intro-image__content h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 5vw, 70px);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
}

.ak-overview-intro-content {
  height: 100%;
  padding: 48px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 32%),
    linear-gradient(145deg, #151515, #080808);
}

.ak-overview-intro-content h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.ak-overview-intro-content h2 span {
  color: var(--ak-red);
}

.ak-overview-intro-content>p {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.75;
}

.ak-overview-intro-list {
  display: grid;
  gap: 13px;
  margin-top: 28px;
}

.ak-overview-intro-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
}

.ak-overview-intro-item:hover {
  border-color: rgba(244, 196, 48, 0.45);
  background: rgba(244, 196, 48, 0.08);
  transform: translateX(6px);
}

.ak-overview-intro-item i {
  width: 43px;
  height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-overview-intro-item h4 {
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
  text-transform: uppercase;
}

.ak-overview-intro-item span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 1.55;
}

.ak-overview-highlight-card {
  position: relative;
  min-height: 285px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}

.ak-overview-highlight-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-overview-highlight-card::after {
  content: attr(data-number);
  position: absolute;
  right: 16px;
  bottom: -16px;
  color: rgba(255, 255, 255, 0.05);
  font-family: var(--ak-font-title);
  font-size: 86px;
  font-weight: 900;
  line-height: 1;
}

.ak-overview-highlight-card:hover {
  border-color: rgba(244, 196, 48, 0.48);
  background: rgba(244, 196, 48, 0.09);
  transform: translateY(-8px);
}

.ak-overview-highlight-card:hover::before {
  right: 0;
  left: 0;
}

.ak-overview-highlight-card__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 16px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-overview-highlight-card small {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-overview-highlight-card h3 {
  position: relative;
  z-index: 2;
  margin: 10px 0 13px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.24;
  text-transform: uppercase;
}

.ak-overview-highlight-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.65;
}

.ak-overview-for-card {
  position: relative;
  min-height: 235px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 26px 22px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 20, 20, 0.06);
}

.ak-overview-for-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-overview-for-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  background: #111111;
  transform: translateY(-8px);
}

.ak-overview-for-card:hover::before {
  right: 0;
  left: 0;
}

.ak-overview-for-card i {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 15px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-overview-for-card h3 {
  margin: 0 0 12px;
  color: #111111;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-overview-for-card p {
  margin: auto 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.62;
}

.ak-overview-for-card:hover h3,
.ak-overview-for-card:hover p {
  color: #ffffff;
}

.ak-overview-outcome-box {
  position: relative;
  overflow: hidden;
  padding: 38px;
  border: 1px solid rgba(244, 196, 48, 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.16), transparent 34%),
    rgba(255, 255, 255, 0.055);
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.34);
}

.ak-overview-outcome-box::after {
  content: "AKFA";
  position: absolute;
  right: 20px;
  bottom: -30px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: 145px;
  font-weight: 900;
  line-height: 1;
}

.ak-overview-outcome-box__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 30px;
}

.ak-overview-outcome-box h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.ak-overview-outcome-box h2 span {
  color: var(--ak-red);
}

.ak-overview-outcome-box p {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 15px;
  line-height: 1.75;
}

.ak-overview-outcome-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

@media (max-width: 1199.98px) {
  .ak-overview-outcome-box__inner {
    grid-template-columns: 1fr;
  }

  .ak-overview-outcome-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 991.98px) {

  .ak-overview-hero,
  .ak-overview-section {
    padding: 76px 0;
  }

  .ak-overview-hero::before {
    width: 310px;
    opacity: 0.55;
  }

  .ak-overview-intro-image {
    min-height: 430px;
  }

  .ak-overview-intro-content {
    padding: 38px 28px;
  }
}

@media (max-width: 767.98px) {

  .ak-overview-hero,
  .ak-overview-section {
    padding: 62px 0;
  }

  .ak-overview-hero__content {
    text-align: center;
  }

  .ak-overview-breadcrumb,
  .ak-overview-eyebrow {
    justify-content: center;
  }

  .ak-overview-hero__content h1,
  .ak-overview-heading h2,
  .ak-overview-intro-content h2,
  .ak-overview-outcome-box h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .ak-overview-hero__content p {
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-left: 0;
    border-top: 3px solid var(--ak-red);
    border-left: 0;
    font-size: 15px;
    text-align: center;
  }

  .ak-overview-hero__actions,
  .ak-overview-outcome-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ak-overview-hero__actions .ak-overview-btn,
  .ak-overview-outcome-actions .ak-overview-btn {
    width: 100%;
  }

  .ak-overview-hero__mini-grid {
    grid-template-columns: 1fr;
  }

  .ak-overview-heading {
    margin-bottom: 34px;
  }

  .ak-overview-heading p {
    font-size: 15px;
  }

  .ak-overview-snapshot-card,
  .ak-overview-highlight-card,
  .ak-overview-for-card {
    min-height: auto;
    padding: 22px 18px;
  }

  .ak-overview-intro-content {
    padding: 32px 22px;
  }

  .ak-overview-intro-item {
    grid-template-columns: 1fr;
  }

  .ak-overview-outcome-box {
    padding: 28px 20px;
    text-align: center;
  }
}

@media (max-width: 399.98px) {

  .ak-overview-hero__panel,
  .ak-overview-outcome-box {
    padding-right: 18px;
    padding-left: 18px;
  }
}


/* =====================================================
           CONTACT PAGE ONLY
        ===================================================== */

.ak-contact-page {
  overflow: hidden;
  background: #ffffff;
}

.ak-contact-page .container {
  position: relative;
  z-index: 2;
}

.ak-contact-hero {
  position: relative;
  overflow: hidden;
  padding: 115px 0 100px;
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.42)),
    url("https://images.unsplash.com/photo-1571902943202-507ec2618e8f?auto=format&fit=crop&w=1920&q=88") center/cover no-repeat;
}

.ak-contact-hero::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -245px;
  width: 440px;
  height: 850px;
  background: linear-gradient(155deg, var(--ak-red), var(--ak-red-dark));
  transform: rotate(18deg);
}

.ak-contact-hero::after {
  content: "CONTACT";
  position: absolute;
  right: -35px;
  bottom: -38px;
  color: rgba(255, 255, 255, 0.045);
  font-family: var(--ak-font-title);
  font-size: clamp(78px, 13vw, 205px);
  font-weight: 900;
  letter-spacing: -5px;
  line-height: 0.8;
  pointer-events: none;
}

.ak-contact-hero__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 50px 50px;
}

.ak-contact-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
}

.ak-contact-breadcrumb a,
.ak-contact-breadcrumb span,
.ak-contact-breadcrumb i {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.ak-contact-breadcrumb a:hover,
.ak-contact-breadcrumb span {
  color: var(--ak-gold);
}

.ak-contact-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}

.ak-contact-eyebrow i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-contact-eyebrow--dark {
  color: var(--ak-red);
}

.ak-contact-hero__content h1 {
  max-width: 860px;
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(44px, 6vw, 86px);
  font-weight: 900;
  letter-spacing: -1.2px;
  line-height: 0.98;
  text-transform: uppercase;
}

.ak-contact-hero__content h1 strong {
  display: block;
  margin-top: 7px;
  color: var(--ak-gold);
  font-weight: 900;
}

.ak-contact-hero__content p {
  max-width: 720px;
  margin: 26px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ak-red);
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.78;
}

.ak-contact-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.ak-contact-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.ak-contact-btn:hover {
  transform: translateY(-3px);
}

.ak-contact-btn--red {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  box-shadow: 0 13px 32px rgba(244, 20, 53, 0.27);
}

.ak-contact-btn--red:hover {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-contact-btn--ghost {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
}

.ak-contact-btn--ghost:hover {
  color: #111111;
  background: #ffffff;
}

.ak-contact-btn--gold {
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-contact-btn--gold:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
}

.ak-contact-btn--whatsapp {
  color: #ffffff;
  background: #15984b;
}

.ak-contact-btn--whatsapp:hover {
  color: #ffffff;
  background: #20b85a;
}

.ak-contact-hero__panel {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.15), transparent 38%),
    rgba(255, 255, 255, 0.075);
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
}

.ak-contact-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
}

.ak-contact-hero__panel-icon {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 20px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 28px;
}

.ak-contact-hero__panel>span {
  color: var(--ak-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.ak-contact-hero__panel h2 {
  margin: 10px 0 12px;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.02;
  text-transform: uppercase;
}

.ak-contact-hero__panel p {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.7;
}

.ak-contact-quick-list {
  display: grid;
  gap: 12px;
  margin-top: 25px;
}

.ak-contact-quick-list a {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 13px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
}

.ak-contact-quick-list a:hover {
  border-color: rgba(244, 196, 48, 0.45);
  background: rgba(244, 196, 48, 0.09);
  transform: translateX(5px);
}

.ak-contact-quick-list i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
}

.ak-contact-quick-list small {
  display: block;
  color: rgba(255, 255, 255, 0.56);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.ak-contact-quick-list strong {
  display: block;
  margin-top: 3px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
  word-break: break-word;
}

.ak-contact-section {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 8% 10%, rgba(244, 196, 48, 0.11), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(244, 20, 53, 0.08), transparent 28%),
    var(--ak-light);
}

.ak-contact-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-gold-light), var(--ak-red), transparent);
}

.ak-contact-section--dark {
  color: #ffffff;
  background:
    radial-gradient(circle at 10% 20%, rgba(244, 196, 48, 0.13), transparent 28%),
    linear-gradient(135deg, #080808 0%, #121212 54%, #070707 100%);
}

.ak-contact-section__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 20, 20, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ak-contact-section--dark .ak-contact-section__pattern {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
}

.ak-contact-heading {
  max-width: 880px;
  margin: 0 auto 46px;
  text-align: center;
}

.ak-contact-heading h2 {
  margin: 0;
  color: #111111;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1;
  text-transform: uppercase;
}

.ak-contact-section--dark .ak-contact-heading h2 {
  color: #ffffff;
}

.ak-contact-heading h2 strong {
  display: block;
  color: var(--ak-red);
}

.ak-contact-heading p {
  max-width: 700px;
  margin: 18px auto 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.78;
}

.ak-contact-section--dark .ak-contact-heading p {
  color: rgba(255, 255, 255, 0.62);
}

.ak-contact-info-card {
  position: relative;
  min-height: 245px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 28px 24px;
  border: 1px solid #e6e6e6;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(20, 20, 20, 0.07);
}

.ak-contact-info-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-contact-info-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-contact-info-card:hover::before {
  right: 0;
  left: 0;
}

.ak-contact-info-card__icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 16px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 22px;
}

.ak-contact-info-card small {
  color: var(--ak-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.ak-contact-info-card h3 {
  margin: 10px 0 13px;
  color: #111111;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-contact-info-card p,
.ak-contact-info-card a,
.ak-contact-info-card strong {
  margin: 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.65;
  word-break: break-word;
}

.ak-contact-info-card a:hover {
  color: var(--ak-red);
}

.ak-contact-form-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 15, 15, 0.09);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 35px 80px rgba(20, 20, 20, 0.14);
}

.ak-contact-form-visual {
  position: relative;
  height: 100%;
  min-height: 690px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.88)),
    url("https://images.pexels.com/photos/3838389/pexels-photo-3838389.jpeg?auto=compress&cs=tinysrgb&w=1200") center/cover no-repeat;
}

.ak-contact-form-visual__content {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
}

.ak-contact-form-visual__content small {
  display: block;
  margin-bottom: 8px;
  color: var(--ak-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.ak-contact-form-visual__content h3 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(38px, 5vw, 70px);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
}

.ak-contact-form-box {
  height: 100%;
  padding: 48px;
  background:
    radial-gradient(circle at 100% 0%, rgba(244, 196, 48, 0.12), transparent 32%),
    linear-gradient(145deg, #151515, #080808);
}

.ak-contact-form-box h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

.ak-contact-form-box h2 span {
  color: var(--ak-red);
}

.ak-contact-form-box>p {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 15px;
  line-height: 1.75;
}

.ak-contact-form {
  display: grid;
  gap: 15px;
  margin-top: 28px;
}

.ak-contact-field label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.35px;
  text-transform: uppercase;
}

.ak-contact-field input,
.ak-contact-field select,
.ak-contact-field textarea {
  width: 100%;
  min-height: 52px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 13px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.065);
  outline: none;
  font-size: 14px;
  font-weight: 600;
}

.ak-contact-field select option {
  color: #111111;
}

.ak-contact-field textarea {
  min-height: 124px;
  resize: vertical;
}

.ak-contact-field input:focus,
.ak-contact-field select:focus,
.ak-contact-field textarea:focus {
  border-color: rgba(244, 196, 48, 0.75);
  background: rgba(255, 255, 255, 0.095);
  box-shadow: 0 0 0 4px rgba(244, 196, 48, 0.11);
}

.ak-contact-field input::placeholder,
.ak-contact-field textarea::placeholder {
  color: rgba(255, 255, 255, 0.36);
}

.ak-contact-form__note {
  display: flex;
  gap: 9px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  line-height: 1.55;
}

.ak-contact-form__note i {
  color: var(--ak-gold);
  margin-top: 2px;
}

.ak-contact-form__submit {
  width: 100%;
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  border-radius: 13px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 14px;
  font-weight: 950;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.ak-contact-form__submit:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ak-red), var(--ak-red-dark));
  transform: translateY(-3px);
}

.ak-contact-map-card {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  border-radius: 28px;
  border: 1px solid rgba(244, 196, 48, 0.25);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.82)),
    url("https://images.unsplash.com/photo-1517838277536-f5f99be501cd?auto=format&fit=crop&w=1400&q=86") center/cover no-repeat;
  box-shadow: 0 30px 75px rgba(0, 0, 0, 0.25);
}

.ak-contact-map-card__content {
  position: absolute;
  right: 28px;
  bottom: 28px;
  left: 28px;
  max-width: 760px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 22px;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(14px);
}

.ak-contact-map-card__content h2 {
  margin: 0;
  color: #ffffff;
  font-family: var(--ak-font-title);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.ak-contact-map-card__content h2 span {
  color: var(--ak-gold);
}

.ak-contact-map-card__content p {
  max-width: 650px;
  margin: 15px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 15px;
  line-height: 1.75;
}

.ak-contact-map-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.ak-contact-faq-card {
  position: relative;
  min-height: 230px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 26px 22px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 20, 20, 0.06);
}

.ak-contact-faq-card::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 4px;
  background: linear-gradient(90deg, var(--ak-gold), var(--ak-red));
  transition: all 0.35s ease;
}

.ak-contact-faq-card:hover {
  border-color: rgba(244, 196, 48, 0.58);
  transform: translateY(-8px);
}

.ak-contact-faq-card:hover::before {
  right: 0;
  left: 0;
}

.ak-contact-faq-card i {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border-radius: 14px;
  color: #111111;
  background: linear-gradient(135deg, var(--ak-gold-light), var(--ak-gold));
  font-size: 21px;
}

.ak-contact-faq-card h3 {
  margin: 0 0 12px;
  color: #111111;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.22;
  text-transform: uppercase;
}

.ak-contact-faq-card p {
  margin: auto 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 1.62;
}

@media (max-width: 991.98px) {

  .ak-contact-hero,
  .ak-contact-section {
    padding: 76px 0;
  }

  .ak-contact-hero::before {
    width: 310px;
    opacity: 0.55;
  }

  .ak-contact-form-visual {
    min-height: 430px;
  }

  .ak-contact-form-box {
    padding: 38px 28px;
  }
}

@media (max-width: 767.98px) {

  .ak-contact-hero,
  .ak-contact-section {
    padding: 62px 0;
  }

  .ak-contact-hero__content {
    text-align: center;
  }

  .ak-contact-breadcrumb,
  .ak-contact-eyebrow {
    justify-content: center;
  }

  .ak-contact-hero__content h1,
  .ak-contact-heading h2,
  .ak-contact-form-box h2,
  .ak-contact-map-card__content h2 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .ak-contact-hero__content p {
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-left: 0;
    border-top: 3px solid var(--ak-red);
    border-left: 0;
    font-size: 15px;
    text-align: center;
  }

  .ak-contact-hero__actions,
  .ak-contact-map-card__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ak-contact-hero__actions .ak-contact-btn,
  .ak-contact-map-card__actions .ak-contact-btn {
    width: 100%;
  }

  .ak-contact-info-card,
  .ak-contact-faq-card {
    min-height: auto;
    padding: 22px 18px;
  }

  .ak-contact-form-box {
    padding: 32px 22px;
  }

  .ak-contact-map-card {
    min-height: 520px;
  }

  .ak-contact-map-card__content {
    right: 18px;
    bottom: 18px;
    left: 18px;
    padding: 22px 18px;
    text-align: center;
  }
}

@media (max-width: 399.98px) {

  .ak-contact-hero__panel,
  .ak-contact-form-box,
  .ak-contact-map-card__content {
    padding-right: 18px;
    padding-left: 18px;
  }
}


/* =====================================================
   COURSE DROPDOWN FIX — DESKTOP HOVER + MOBILE CLICK
===================================================== */

.ak-navbar__dropdown {
  position: relative;
}

/* Desktop hover dropdown */
@media (min-width: 1200px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 330px;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  }

  .ak-navbar__dropdown::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 16px;
    background: transparent;
  }

  .ak-navbar__dropdown:hover .ak-navbar__dropdown-menu,
  .ak-navbar__dropdown:focus-within .ak-navbar__dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(8px);
  }

  .ak-navbar__dropdown:hover .ak-navbar__course-arrow,
  .ak-navbar__dropdown:focus-within .ak-navbar__course-arrow {
    transform: rotate(180deg);
  }
}

/* Mobile dropdown closed by default */
@media (max-width: 1199.98px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: none;
    position: static;
    width: 100%;
    min-width: 100%;
    margin: 8px 0 10px;
    padding: 8px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    border: 1px solid rgba(244, 196, 48, 0.22);
    border-radius: 16px;
    background: #101010;
    box-shadow: none;
  }

  .ak-navbar__dropdown.is-open .ak-navbar__dropdown-menu {
    display: block;
  }

  .ak-navbar__dropdown.is-open .ak-navbar__course-arrow {
    transform: rotate(180deg);
  }

  .ak-navbar__course-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .ak-navbar__dropdown-menu .dropdown-item {
    border-radius: 12px;
    white-space: normal;
  }
}

@media (max-width: 1199.98px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: block;
  }
}

/* =====================================================
   COURSE DROPDOWN — CLEAN MOBILE STYLE
===================================================== */

.ak-navbar__dropdown {
  position: relative;
}

/* Course link */
.ak-navbar__course-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ak-navbar__course-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ak-red);
  transition: transform 0.25s ease;
}

.ak-navbar__course-arrow svg {
  width: 14px;
  height: 14px;
}

/* Desktop dropdown */
@media (min-width: 1200px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 340px;
    margin-top: 0;
    padding: 10px;
    border: 1px solid rgba(244, 196, 48, 0.22);
    border-radius: 18px;
    background: #0c0c0c;
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px);
    transition: all 0.25s ease;
  }

  .ak-navbar__dropdown::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 16px;
    background: transparent;
  }

  .ak-navbar__dropdown:hover .ak-navbar__dropdown-menu,
  .ak-navbar__dropdown:focus-within .ak-navbar__dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(8px);
  }

  .ak-navbar__dropdown:hover .ak-navbar__course-arrow,
  .ak-navbar__dropdown:focus-within .ak-navbar__course-arrow {
    transform: rotate(180deg);
  }
}

/* Mobile dropdown */
@media (max-width: 1199.98px) {
  .ak-navbar__dropdown .ak-navbar__dropdown-menu {
    display: none;
    position: static;
    width: 100%;
    min-width: 100%;
    margin: 8px 0 10px;
    padding: 12px;
    border: 1px solid rgba(244, 196, 48, 0.28);
    border-radius: 16px;
    background: #0b0b0b;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
  }

  .ak-navbar__dropdown.is-open .ak-navbar__dropdown-menu {
    display: block;
  }

  .ak-navbar__dropdown.is-open .ak-navbar__course-arrow {
    transform: rotate(180deg);
  }
}

/* Dropdown item */
.ak-navbar__dropdown-menu .dropdown-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px 9px;
  border-radius: 14px;
  color: #ffffff;
  background: transparent;
  white-space: normal;
  transition: all 0.25s ease;
}

.ak-navbar__dropdown-menu .dropdown-item:hover {
  background: rgba(244, 196, 48, 0.10);
  transform: translateX(4px);
}

/* Icon */
.ak-navbar__dropdown-menu .dropdown-item i {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #050505;
  background: linear-gradient(135deg, #ffe66d, #f4c430);
  font-size: 15px;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(244, 196, 48, 0.22);
}

/* Title */
.ak-navbar__dropdown-menu .dropdown-item strong {
  display: block;
  margin-bottom: 3px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

/* Subtitle */
.ak-navbar__dropdown-menu .dropdown-item small {
  display: block;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

/* Active item */
.ak-navbar__dropdown-menu .dropdown-item.active,
.ak-navbar__dropdown-menu .dropdown-item:active {
  color: #111111;
  background: linear-gradient(135deg, #ffe66d, #f4c430);
}

.ak-navbar__dropdown-menu .dropdown-item.active i,
.ak-navbar__dropdown-menu .dropdown-item:active i {
  color: #ffffff;
  background: #111111;
}

.ak-navbar__dropdown-menu .dropdown-item.active strong,
.ak-navbar__dropdown-menu .dropdown-item.active small,
.ak-navbar__dropdown-menu .dropdown-item:active strong,
.ak-navbar__dropdown-menu .dropdown-item:active small {
  color: #111111;
}

/* Mobile spacing */
@media (max-width: 575.98px) {
  .ak-navbar__dropdown-menu .dropdown-item {
    grid-template-columns: 38px 1fr;
    min-height: 58px;
    gap: 10px;
    padding: 9px 8px;
  }

  .ak-navbar__dropdown-menu .dropdown-item i {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .ak-navbar__dropdown-menu .dropdown-item strong {
    font-size: 12px;
  }

  .ak-navbar__dropdown-menu .dropdown-item small {
    font-size: 11.5px;
  }
}